制作适合手机浏览的网页

问题:

制作了一个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后,网页能够支持手机浏览器转换屏幕,根据切换的分辨率,自动调整宽度%。

 

转载于:https://www.cnblogs.com/startfromit/archive/2010/12/29/1920706.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值