怎么設定網頁的尺寸

2021-06-03 分類：網站建設

網站是企業在互聯網上的門面，是用戶了解企業的主要渠道，第一印象很重要，所以一個優秀的網站就顯得很重要了，一個網頁制作在設計之初就要界定出網頁的尺寸大小。就像繪畫給出一塊畫版來。這樣才能方便設計。下面創新互聯就來說說關于網頁設計尺寸的規范以及怎么設定網頁的尺寸？

網頁的尺寸受限于兩個因素：一個是顯示器屏幕。顯示器現在種類很多，以17寸為主流，正在朝19寸及寬屏的方向發展。但目前也有為數不少的15寸顯示器。另一個是瀏覽器軟件，就是我們常用的IE,遨游，Friefox等。

高度：

高度是可以向下延展的，所以一般對高度不限制。對于一屏來說，一般沒有一個固定值，因為每個人的瀏覽器的工具欄不同，我見過有的瀏覽器工具欄被插件占了半個屏幕，所以高度沒有確切值。

寬度：

1、在IE6.0下，寬度為顯示器分辨率減21，比如1024的寬度-21就變成1003。但值得注意的是IE6.0（或更低）無論你的網頁多高都會有右側的滾動條框。

2、在Firefox下，寬度的分率辨減19。比如1024的寬度-19就變成1005

3、在Opear下，寬度的分率辨減23。比如1024的寬度-23就變成1001

注：Firefox或Opear在內容少于瀏覽器高度時不顯示右側滾動條。

所以如果是1024的分辨率，你的網頁不如設成1000安全一點。設成900兩側空白更大，視覺上更舒服一點。也方便做一些浮動層的設計。如果是800的分辨率一般都設成770。但也有設成760的。

這些需要明白并且牢記，不然很可能做出來不符合瀏覽器要求，不過一般我們都回設定的再稍微小一點，應為有些瀏覽器加了插件或者其他的東西寬度會有變化所以 800的分辨率一般設定760左右，1024的設定990左右。

以上就是小編總結的網頁尺寸設定的一些方法，各位設計網頁的小伙伴可以參考參考，希望能有所幫助。

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

猜你還喜歡下面的內容