让手机网页浏览器自动适应页面的代码
2011-08-12 16:39
232 查看
以下内容转载自http://cfer.cn/article.asp?id=497
近自己做的手机网管的页面,在手机上显示的时候,总是要手动进行页面缩放,这样子一来.采用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">
手机浏览器会根据页面的类型进行自动判断.
嘿嘿正常了!
近自己做的手机网管的页面,在手机上显示的时候,总是要手动进行页面缩放,这样子一来.采用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">
手机浏览器会根据页面的类型进行自动判断.
嘿嘿正常了!
相关文章推荐
- Android WebView网页自适应手机,可放大缩小设置代码
- iframe的大小自动适应嵌入页面大小的代码
- 网页自动适应浏览器
- 网页自动判断客户端浏览器使用的语言,并显示相应语言的页面
- 网页宽度自动适应手机屏幕宽度的方法
- 一个手机自适应的网页效果解决显示页面很小的问题
- 网页页面自动刷新的3种代码
- 网页宽度自动适应手机屏幕宽度的方法
- .网页页面自动刷新的3种代码
- 网页宽度自动适应手机屏幕宽度的方法
- 通过JS自动隐藏手机浏览器的地址栏实现原理与代码
- 网页宽度自动适应手机屏幕宽度的方法
- 如何解决手机浏览器页面点击不跳转浏览器双击放大网页
- 手机网页点击链接触发手机自动拨打或保存电话的代码
- 网页宽度自动适应手机屏幕宽度的方法
- 网页宽度自动适应手机屏幕宽度的方法
- 手机网页宽度自动适应屏幕宽度的方…
- Iframe 自动适应页面的高度示例代码
- html网页宽度自动适应手机屏幕宽度的方法
- 手机页面 根据网页大小自动显示字体大小