前幾天做了一個手機web的頁面，由于是剛剛畢業(yè)，以前只是做過pc的網(wǎng)站，上來以為和以前一樣呢，結(jié)果做了一個東西，本來說是手機分辨率是480*800的，那我就定義網(wǎng)頁的寬度是480不就好了嗎，結(jié)果做完了部署一看，好家伙，全都亂了，被經(jīng)理是一頓批，我這個人就有這么個優(yōu)點是越挫越勇啊，最怕別人說我不行，你越說我不行，我就越要證明給你看我行，我就仔細(xì)的研究這個問題了，瀏覽在互聯(lián)網(wǎng)的海洋中，尋找這靈感，最后在欺騙大牛的帖子中找到了靈感，文章后邊我會貼出他們的鏈接地址，做手機網(wǎng)站不能，定義寬度，就是你的寬度要用百分?jǐn)?shù)比如body的寬度設(shè)為100%，margin，pading這些屬性多是百分?jǐn)?shù)，然后再有一個viewport屬性獲得屏幕的寬度，這樣就可以了，做手機網(wǎng)站盡量不要使用圖片，應(yīng)為圖片多了你的訪問速度一定很慢，在一個就是手機瀏覽器的適配問題，如果是iphone，和android自帶的瀏覽器，都還好說，支持的東西都比較標(biāo)準(zhǔn)，但是國產(chǎn)的uc瀏覽器確實讓人很頭疼，到目前為止，我沒有完全在這個瀏覽器上顯示過，不是出現(xiàn)排版錯亂，就是根本不顯示，在一個就是他對javascript的支持簡直就是垃圾中的極品，搞得我因為這個瀏覽器被批了很多次啊，所以如果你要是把uc瀏覽器作為你的底線的話，你在做手機網(wǎng)站的時候盡量不要使用javascript，他簡直就是你的噩夢，不信你就試試看。要是用javascript注意一下能力檢測，在使用javascript任何一個方法的時候，先能力檢測，看看瀏覽器是否支持這種方法，然后再坐，這是一種解決辦法，這是我后來學(xué)會的，先前根本不知道，所以導(dǎo)致我悲劇了一個多星期。不過現(xiàn)在又出來許多html5的框架，比如說，jquery mobile，還有sencha touch,這些都是html5做手機網(wǎng)站的框架，雖然有些瀏覽器還是不能很好的支持，但是我相信不久的將來會好起來的。這個網(wǎng)站是用jquery mobile做的，mobile.dhc.com.cn有時間可以去看看。再就是一些有關(guān)手機網(wǎng)站的帖子：

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/

轉(zhuǎn)載于:https://www.cnblogs.com/hkzero/archive/2011/12/22/2297541.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。