上周4开始鼓捣[URL=http://www.ingbus.com]印迹巴士[/URL]的手机版,现在已经上线测试了。分享一下手机网页开发的一些心得。
1、所使用的xhtml的标准不一样,使用xhtml-mobile1.0。这个淘宝的手机版也是用这个。
2、屏幕宽度问题,所有的设计都是100%的宽度,因为手机屏幕的宽度都是不一致的。
3、一定要不要用GB2312编码,很多人都用UTF-8,避免手机用户的乱码显示和数据提交
4、要用中文版的Opera Mini模拟器模拟显示效果,看这里[URL=http://www.opera.com/mini/demo/]http://www.opera.com/mini/demo/[/URL],英文的会出现中文乱码。
5、根据用户终端自动选择电脑版还是手机版的方法不只一个,但是没有很完美的。我用了HTTP_USER_AGENT判断,不包括Mozilla的全部认为手机终端。
稍候,我发几张手机版浏览的截图,供大家欣赏。