制作适合手机浏览的网页
问题:
制作了一个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后,网页能够支持手机浏览器转换屏幕,根据切换的分辨率,自动调整宽度%。
posted on 2010-12-29 15:10 startfrom.it 阅读(850) 评论(0) 编辑 收藏 举报