手机web开发的感想

前几天做了一个手机web的页面，由于是刚刚毕业，以前只是做过pc的网站，上来以为和以前一样呢，结果做了一个东西，本来说是手机分辨率是480*800的，那我就定义网页的宽度是480不就好了吗，结果做完了部署一看，好家伙，全都乱了，被经理是一顿批，我这个人就有这么个优点是越挫越勇啊，最怕别人说我不行，你越说我不行，我就越要证明给你看我行，我就仔细的研究这个问题了，浏览在互联网的海洋中，寻找这灵感，最后在欺骗大牛的帖子中找到了灵感，文章后边我会贴出他们的链接地址，做手机网站不能，定义宽度，就是你的宽度要用百分数比如body的宽度设为100%，margin，pading这些属性多是百分数，然后再有一个viewport属性获得屏幕的宽度，这样就可以了，做手机网站尽量不要使用图片，应为图片多了你的访问速度一定很慢，在一个就是手机浏览器的适配问题，如果是iphone，和android自带的浏览器，都还好说，支持的东西都比较标准，但是国产的uc浏览器确实让人很头疼，到目前为止，我没有完全在这个浏览器上显示过，不是出现排版错乱，就是根本不显示，在一个就是他对javascript的支持简直就是垃圾中的极品，搞得我因为这个浏览器被批了很多次啊，所以如果你要是把uc浏览器作为你的底线的话，你在做手机网站的时候尽量不要使用javascript，他简直就是你的噩梦，不信你就试试看。要是用javascript注意一下能力检测，在使用javascript任何一个方法的时候，先能力检测，看看浏览器是否支持这种方法，然后再坐，这是一种解决办法，这是我后来学会的，先前根本不知道，所以导致我悲剧了一个多星期。不过现在又出来许多html5的框架，比如说，jquery mobile，还有sencha touch,这些都是html5做手机网站的框架，虽然有些浏览器还是不能很好的支持，但是我相信不久的将来会好起来的。这个网站是用jquery mobile做的，mobile.dhc.com.cn有时间可以去看看。再就是一些有关手机网站的帖子：

http://wenku.baidu.com/view/46bbc46e1eb91a37f1115cf9.html
http://www.wufangbo.com/mobile-3g-mobile-development
http://www.wufangbo.com/tag/%E6%89%8B%E6%9C%BA%E7%BD%91%E7%AB%99%E8%87%AA%E9%80%82%E5%BA%94
http://www.qianduan.net/media-type-and-media-query.html
http://www.webjx.com/web/xindejiqiao-29207.html
http://www.wufangbo.com/touch-screen-mobile-phone-website-design
http://blog.sina.com.cn/s/blog_6158283f0100udnn.html
http://diybbs.zol.com.cn/2/287_14931.html
http://blog.sina.com.cn/s/blog_46e3e7db0100swxr.html
http://www.html5mobi.com/

转载于:https://www.cnblogs.com/hkzero/archive/2011/12/22/2297541.html