前幾天做了一個手機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

總結

以上是生活随笔為你收集整理的手机web开发的感想的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。