手機網頁設計尺寸規范

1、網頁設計合適的頁面尺寸是多少

網頁設計選用的解析度是72像素，使用的畫布尺寸1920px*1080px。但是並不意味著在整個畫布上進行設計，一般採用全屏展示和兩側留白的方式。
全屏展示，是整個網站看起來大氣一些，但是布局要合理安排，不然看起來有些傻大的感覺。
兩側留白是為了適配不同電腦屏幕的尺寸，能夠確保網站只是電腦站的時候一些筆記本電腦也能顯示全面網站的內容區域，內容限時區域在好控制在1000px-1200px。

2、手機端網頁設計尺寸多少

iPhone手機網頁的設計尺寸

iPhone5尺寸是640x1136px解析度是326PPI
iPhone4和iPhone4S尺寸是640x960px解析度是326PPI
iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px解析度是163PPI

安卓網頁的設計尺寸

320dp：一個普通的手機屏幕（240X320，320×480，480X800）
480dp：一個中間平板電腦像（480×800）
600dp：7寸平板電腦（600×1024）
720dp：10寸平板電腦（720×1280，800×1280）

ipad網頁的設計尺寸

iPad第三代第四代尺寸是2048x1536px解析度是264PPI
iPad第一代第二代尺寸是1024x768px解析度是132PPI
iPad Mini尺寸是1024x768px解析度是163PPI

3、手機網頁設計多大好?

wap頁面設計一般都是寬度自適應的，最窄以兼容320px為標准，最寬1280px為標准，
一般的智能手機寬度都是320，480，640這些，
其中iPhone就不用說了吧，必須是480px，
其他三星啊，htc啊什麼的，各類解析度都有，基本不會比480低，
但是之前剛開始的一些智能手機大部分都是320，所有要兼容320哦~~~

4、有誰知道手機網頁設計尺寸。

iPhone手機網頁的設計尺寸
iPhone5尺寸是640x1136px解析度是326PPI
iPhone4和iPhone4S尺寸是640x960px解析度是326PPI
iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px解析度是163PPI
安卓網頁的設計尺寸
320dp：一個普通的手機屏幕（240X320，320×480，480X800）
480dp：一個中間平板電腦像（480×800）
600dp：7寸平板電腦（600×1024）
720dp：10寸平板電腦（720×1280，800×1280）
ipad網頁的設計尺寸
iPad第三代第四代尺寸是2048x1536px解析度是264PPI
iPad第一代第二代尺寸是1024x768px解析度是132PPI
iPad Mini尺寸是1024x768px解析度是163PPI
以上是移動端的尺寸，單獨的如果某一個移動的網站的尺寸是沒有的，因為移動網站的一半情況是按照%比的尺寸 來自動適應屏幕的大小，或者也通過設置，iphone執行什麼尺寸，安卓情況執行什麼尺寸的。

5、製作網頁電腦網頁跟手機網頁尺寸各多少

網頁尺寸：
自己或者企業的話，這個你隨便定，一般寬度是在950-1200之間
手機尺寸：
620（480）寬*任意高，要是自己或者用其他軟體的話請參考軟體的要求。

6、HTML5移動網頁的設計稿尺寸應該是多少

HTML5的移動端網頁設計稿，通常情況下，內容區為750px或960px或者1080px的，一般不小於750px像素大小（寬度）
設計稿可以比750px大，但是絕對不能比750px小，這個主要是由於當前手機的解析度相對較高（iPhone 6是375物理像素，但實際像素為其兩倍，也就是750，這個750就是這么來的）
如果設計圖稿過小，前端在實現圖稿的時候裡面的圖片大小在高解析度的情況下會顯得模糊不清，所以這也是為何要「大」解析度
此外需要注意的是，要保證頁面的基準字體大小，在320px的設計稿當中，最小字體不宜小於12像素，其他像素的設計稿當中，等比例換算即可（12/320px*設計稿像素值）

7、網頁設計最合適的頁面尺寸是多少？

網頁設計標准尺寸：

1. 800×600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定。

2. 1024×768下，網頁寬度保持在1002以內，如果滿框顯示的話，高度是612눯之間，就不會出現水平滾動條和垂直滾動條。

3. 在ps裡面做網頁可以在800×600狀態下顯示全屏，頁面的下方又不會出現滑動條，尺寸為740×560左右。

4. 在PS里做的圖到了網上就不一樣了，顏色等等方面，因為web上面只用到256web安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會有失色的現象。

8、網頁設計合適的頁面尺寸是多少？

其實也沒有硬性規定，但是為了兼容大多數瀏覽器一般是設置960px，隨著現在瀏覽器解析度的變化，已開始向著1000px,1200px寬度發展，例如淘寶(1000px）京東商城（1200px）。

如果需要兼容不同瀏覽器尺寸，現在比較流行的做法是做成響應式的，即根據不同解析度顯示不同的尺寸，工作量也就隨之增加了。貌似國內的大網站也沒有使用。

9、網頁設計標准字體大小為多少毫米？電腦顯示器，包括手機的，最好還有畫布畫板的尺寸 懂得給分

一般中文的字體大小是12px或者14px。隨著顯示器解析度不斷提高，12px的文字在大於1440*900的顯示器里看起來會顯得比較小，閱讀起來不是很容易，所以現在網頁設計裡面用12px的已經比較少了，特別是文章正文部分，普遍都會用14px。13px的字體在IE6下面會有一點點顯示上的bug，所以現在用得也不太多，不過隨著IE6慢慢被淘汰，這個問題也不再是一個問題了。而對於標題欄的文字大小，沒有特別的限制，視覺上感覺舒服就行。
字體大小代碼：font-size:14px（字體大小14像素）
對於font-family，一般來說14px及以下大小的文字，應當設置為宋體，當然也可以設置為微軟雅黑。不過在XP下默認是沒有雅黑字體的，所以在css裡面可以這樣設置字體：
font-family:"Microsoft Yahei",simSun,Arial;
把幾個字體用逗號隔開，如果系統沒有第一種字體，就用第二種，如果沒有第二種就用第三種，以此類推。

10、網頁設計的寬度一般為多少?應該怎麼把握?

百度統計流量研究院對於2017年上半年的解析度使用情況統計得出。

排名第一的是360×640，這是豎屏，一般在醫院、學校中才能見到，暫且不談。

排名第二的是1920×1080，佔比13.07%。

1366×768排第三，佔比6.32%。這說明現在主流的電腦解析度是1920×1080。

排名第七的解析度，1024×768，是最小的電腦尺寸了，僅佔3.13%，很少有人使用。在做pc端的網頁設計時，不用考慮這個尺寸，而應在做pad端和手機端的適配時，將其納入考慮。

而更高級的響應式網站應該是在嚴格的柵格規范下，適應於不同寬度，確保各寬度下的展示效果。但這樣的成本也會相應增加，在開發網站時，需綜合考慮實際需求和開發成本。time（《時代周刊》官網）是個很好的響應式網頁案例。

(10)手機網頁設計尺寸規范擴展資料

網頁設計中的注意事項：

1、網頁設計的尺寸標准：

面向1024-768顯示器解析度開發的網頁尺寸，寬910px；

面向800-600顯示器解析度開發的網頁尺寸，寬778px；

2、網頁設計中的畫布設定：

尤其注意解析度為72 像素/英寸。

3、設計中的網頁字體問題

中文字體：尤其注意「設置消除鋸齒的方法」選項要選擇「無」。

宋體是最常用的網頁字體，12px 是中文操作系統可以表現的最小的字體，內容。

文字大小一-般用兩種，12px 或14px(現在的新的vista據說能表現10px的中文字，但現在使用並不多)。

英文字體：其中英文字體最小表現為10px 字verdana字體是大多數網頁使用的英文字體，比起arial字體更美觀和均衡。

效果圖：

網頁效果圖中的網頁字體，雖然在最後製作網頁的過程中不需要裁剪。但做為設計中不可分割的重要元素，一定要認真使用，因為你不單要設計文字與整體網頁的關系，還要設計字體的樣式表顏色。