html移動端頁面、圖片多少寬度最合適?

目前網站開發已經更多的轉向移動端設計、製作,想詢問一下移動端網頁寬度多少合適?960px、640px、480px、320px?圖片多少寬度適合?比如用640px的圖片寬度設置為320px是否比較清晰?但是圖片大小會較大是否合適?


我用的一個傻辦法,rem

首先,只需要要求美術按照6plus的解析度來設計和出圖。

然後頁面HTML元素設置font-size:100px,接著頁面里任何需要設置尺寸的,都使用rem,因為我設定了font-size為100px,所以尺寸可以很容易的轉換,比如10px=.1rem

html{font-size:100px;}

×{font-size:.14rem}

接著,頁面啟動需要一個js語句,用以獲得當前屏幕解析度跟設計稿解析度的比例,乘以100,去設置html的font-size,這樣頁面所有實用rem的元素都將獲得對應的尺寸.

設計稿如果以640為寬度

var scale = $("body").width() / 640;

$("html").css("font-size", 100 * scale + "px");

頁面啟動執行一下就可以了,也可以在onsize事件里添加一份,這樣頁面發生變化,也會自動適應.


不謝邀,這種看需求和設計的事拿出來問有意義么?

才疏學淺,看不懂 @王崇悟寫的東西有啥實際意義。

&

我從來都是這麼寫的 = =


我在公司做了一年移動端開發了,設計給過來的視覺稿比較常見的有兩個,640跟750。

建議你可以看看淘寶的flexible解決方案。

詳見:

移動端高清、多屏適配方案

補充:

移動端適配方案淺析


製作了很長時間的wap站點,這個問題還是未有人來解答。我自己回答一下吧,如有不足望各位補充。

目前手機市場魚龍混雜,高端如iPhone6 Plus,低端如Android 2.2(不是黑Android,確實如此),那麼屏幕的解析度也各式各樣。經過長時間的摸索與實踐,尤其各類微信活動開發過程中得到的經驗,我在此分享給大家。

&部分引用:

&
&