對于不懂網頁設計的人士來說，頁面寬度高度永遠是個謎。對于不同的電子設備，顯示屏的高度寬度都是有差別的。今天創新互聯就給大家簡單介紹一下網頁的高寬度如何選擇。

頁設計的其中一步就是畫布創建，這也是困擾我們的一個難題。由于市面上存在多種前端技術的應用，以及一些歷史問題、設計場景差異等因素的影響，我們在搜索寬度這類問題的時候，獲得的結果會有非常多的版本，導致更加迷茫。

對于任何設計網頁的項目，寬度設定的標準都是不同的，而在選擇寬度的過程里，需要考慮 2 個核心因素：1. 設備因素2. 展示類型

在瀏覽器中，有右側滾動條的因素影響，并且主體內容的兩側也要預留出內邊距。所以，我們創建的網頁內容區域，是小于 1280 或者 1024 的。而得出具體的內容區域尺寸的方法，是通過網頁的刪格系統計算出來的。即(Axn)- i = W。

對于網頁設計來說，重要的參數就是內容區域的寬度，但也有一些元素是例外，很多人可能發現網頁有一些元素是超過正常的內容區域的(無論是對一般顯示模式或是自適應模式)，常見的就是頂部的導航欄和底部的頁腳區域。比如打開某寶無論拉伸得多長，內容區域固定是 1190 寬，而導航欄卻永遠撐滿整個瀏覽器。所以，我們不會將這些內容的寬度計算在內，在設計稿中只要設計了這樣的元素，和前端人員適當溝通和標注，就可以獲得想要的效果。

創新互聯總結一下：

1、適配分辨率為“1024乘768”的，顯示類型“定寬”，內容寬度為“950、970、990”。

2、適配分辨率為“1280乘800”的，顯示類型“定寬”，內容寬度為“1180、1090”。

3、適配分辨率為“所有寬度”的，顯示類型“自適應”，內容寬度為“1920、1024、640”。

創新互聯關于 PC 端網頁設計寬度的設定介紹到這里就結束了，希望對大家有幫助。如對文章內容有疑問可以電話聯系我們或者在官網給我們留言。

當前標題：網頁設計中網頁寬度如何選擇
文章起源：http://m.2m8n56k.cn/news46/278746.html

成都網站建設公司_創新互聯，為您提供自適應網站、微信公眾號、網站制作、服務器托管、App開發、網站策劃

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯