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

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

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

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

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

創(chuàng)新互聯(lián)總結(jié)一下：

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

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

3、適配分辨率為“所有寬度”的，顯示類型“自適應(yīng)”，內(nèi)容寬度為“1920、1024、640”。

創(chuàng)新互聯(lián)關(guān)于 PC 端網(wǎng)頁設(shè)計寬度的設(shè)定介紹到這里就結(jié)束了，希望對大家有幫助。如對文章內(nèi)容有疑問可以電話聯(lián)系我們或者在官網(wǎng)給我們留言。

當前標題：網(wǎng)頁設(shè)計中網(wǎng)頁寬度如何選擇
文章起源：http://www.rwnh.cn/news46/278746.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、微信公眾號、網(wǎng)站制作、服務(wù)器托管、App開發(fā)、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)