首页 > 代码库 > 手机网站自适应

手机网站自适应

1.近自己做的手机网管的页面,在手机上显示的时候,总是要手动进行页面缩放,这样子一来.采用Opera和 safari 等手机浏览器的时候,页面变形得很厉害,第一次用领导到的Iphone的时候.页面字变得太小,要缩放才可以.

参考了3g.163 Yahoo ,Live 的页面后,发现CSS并无太大的区别.

所以不是的CSS的问题.因为在PC 上,用各种浏览器都进行了测试.

有一个最关键的东西.加上了就没有问题了!

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

手机浏览器会根据页面的类型进行自动判断.

2.[meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"]