制作适合手机浏览的网页
2010-12-29 15:10
197 查看
问题：
制作了一个320像素宽的网页，但通过android浏览器查看时，发现定义的%宽度并不按照手机屏幕的宽度来显示（320px），浏览器缺省把网页看作具备一定宽度的网页（可能是640px）来查看，并出现水平和垂直的滚动条。
原因：
原网页指定的doctype为html4.0
解决方法：
将doctype改为 xhtml mobile profile后，问题解决。即：
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">
通过修改doctype后，网页能够支持手机浏览器转换屏幕，根据切换的分辨率，自动调整宽度%。
制作了一个320像素宽的网页，但通过android浏览器查看时，发现定义的%宽度并不按照手机屏幕的宽度来显示（320px），浏览器缺省把网页看作具备一定宽度的网页（可能是640px）来查看，并出现水平和垂直的滚动条。
原因：
原网页指定的doctype为html4.0
解决方法：
将doctype改为 xhtml mobile profile后，问题解决。即：
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">
通过修改doctype后，网页能够支持手机浏览器转换屏幕，根据切换的分辨率，自动调整宽度%。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 制作适合手机浏览的网页
- 判断一个网页是否适合手机浏览
- 判断一个网页是否适合手机浏览
- 怎样让ASP.NET制作的网站在手机上全屏浏览，适合在手机上访问呢？
- [转]制作适合手机的网页遇到的问题
- [转]判断一个网页是否适合手机浏览
- 手机网页制作的认识（有关meta标签）
- 根据两个经纬度点调用百度地图应用查询路线 适用android或者ios中及网页浏览(手机网页同样适用)
- 用户从手机的浏览器访问www.baidu.com，看到的可能跟桌面PC电脑，是不太一样的网页效果，会更适合移动设备使用。请简要分析一下，实现这种网页区分显示的原因及技术原理。
- 分享一个纯css制作的动画化，在网页（手机）载入等的时候能够引用！
- 智能手机网页制作12个注意事项
- 手机网页制作需要注意的一点东西
- 如何制作一个自适应手机、电脑、ipad的网页方法总结
- 手机浏览网页，则跳转页面
- 适合安卓手机网页客户端导航代码
- 手机网页制作的认识（有关meta标签）
- 智能手机网页制作12个注意事项
- 网页如何做到适应在手机上浏览
- 在相关网站首页加载到手机上浏览网页
- 易语言 修改IE协议头模拟手机浏览网页