最近在制作手机版的web项目,首次接触,进入一个误区,以为和pc机上一样的方式╮(╯▽╰)╭在样式上纠结了很久啊。。。以此慢慢补充做总结:
1.网页中%的尺寸并不是按照手机分比率来调整,而是按照电脑分辨率来调整
解决方法:
将doctype改为 xhtml mobile profile后,问题解决。即:
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">
通过修改doctype后,网页能够支持手机浏览器转换屏幕,根据切换的分辨率,自动调整宽度%。