什麼是網站的最佳/最小分辨率？

我一直在爲客戶創建一個網站。我使用的是分辨率爲800左右的1280左右的筆記本電腦。該網站在這個尺寸看起來很好。我最近剛搬到臺式機上，顯示器的分辨率接近2000。該網站不再看起來很棒。是否有網站正文的標準或建議的最大和最小寬度/高度？如果有人看到這個，它會顯得不專業。我該怎麼辦？什麼是網站的最佳/最小分辨率？

enter image description here

來源

2015-03-24 Kipperman

查找響應式網頁設計。然後學習如何使用Bootstrap。 – 2015-03-24 21:53:36

我投票結束這個問題，因爲它不是一個編程問題，而是一個視覺/交互設計問題。 http://ux.stackexchange.com/ – Dai 2015-03-24 22:04:45

感謝兄弟，不知道這是一個專用的視覺堆棧交換站點 – Kipperman 2015-03-24 22:19:36

使用%，而不是用於定義頁面元素的width像素。

是這樣的：

HTML：

<body> 
    <div class="siteWrapper"> 
     <div class="header"> 
      .... 
     </div> 
     <div class="main"> 
      .... 
     </div> 
     <div class="footer"> 
      .... 
     </div> 
    </div> 
</body>

CSS：

HTML，身體{ 寬度：100％; }

.siteWrapper { 
    width:100%; 
    padding-left: 50px; 
    padding-right: 50px; 
    margin: 0 auto; 
    background-color: #333; 
}

上面siteWrapper類將根據屏幕寬度，這是寬度的100％，並且在任一側上添加的50像素的填充延伸。您可以使用內部子div及其元素的相同方法來實現響應式外觀。

這只是一個例子，所以填充像素，寬度百分比，背景顏色等只是爲解釋目的而保留的隨機值。

來源

2015-03-24 23:01:58

什麼是網站的最佳/最小分辨率？

回答

相關問題