现如今,实用智能手机的人越来越多,适应手机网页的网页制作比较迫切。实际上,手机网页的写法和普通网页的制作差不多。
根据我的经验,最好将手机页面的宽度控制在240px之内,这是因为如此设计可以在不挪动屏幕的情况下实施诸多操作。我所在公司的这个项目常用一张背景图片,其大小是240*420。这有一个不好的地方,我非得确保每个页面的高度都限制在420范围内,假如超出一点点,都会非常难看。
不管是普通手机或智能机,好像都不支持js。有点像<a href="javascript:history.back()">和"alert()"都不支持。此外,智能手机对“<input type="button">”的样式支持不太好,在宽度一定的情况下,相同的代码在浏览器上和手机上有宽度上的差距。故而,我建议假如能不用按钮,就最好不用按钮,那就用文字的超链接形式替代吧,当然也可以考虑运用小图标。
关于列表页面,我觉得最好用table,最好不要用ul li,或者p+空格,一方面是排版因素,另外一方面,如果在设计中某一列的元素过长,可以使用“table tr td{word-break:break-all;}”,对于另外两种方案,却只能截取字符串了,当然,我个人的看法是,截取字符串是一个非常不错的做法。
大图片的存在还是非常有必要的,像导航图就是这样的,能给人非常炫丽的感觉,可是图片是不能过大的,我认为一定要控制在10K范围之内。
两相比较,手机网页的细节比普通网页制作可能少得多,最少来说,只要在手机页面里面通过就行啦,基本不用什么IE6、7、8,或者其它的浏览器,可是要把它设计得好看,我认为还是需要花一定的心思的。