我應該使用px還是百分比？

所以我做了一個tumblr主題，我已經完成了。除了我需要使其適合所有屏幕分辨率。我自己的筆記本電腦屏幕非常小，所以我將它設計得很好看 - 但是當我向其他人詢問它時，他們說它離左邊太遠，並且分頁按鈕關閉。我應該使用px還是百分比？

我做了一些四處張望，我看到一羣人說，當試圖使網站適合所有屏幕分辨率時，最好使用百分比而不是像素。

以下是一些代碼片段。

這是側邊欄：

#sidebar { 
      width: 260px; 
      padding: 10px; 
      border: 10px double #D15FEE; 
      background: {color:Sidebar background} url({image:Sidebar background}); 
      top: 90px; 
      position: fixed; 
      left: 5%; 

     }

這是帖子的內容：

 #posts { 
      background: {color:Post background} url({image:Post background}); 
      width: 510px; 
      padding: 27px; 
      margin-top: 50px; 
      margin-left: 36%; 
      border: 4px solid #F7B3DA; 
      padding-bottom: 20px; 


     }

這是分頁：

#footerd { 
     position: relative; 
     right: 35%; 
     text-align: right; 


    }

我認爲這將解決我的問題，但在我姐姐的筆記本電腦上查看我的主題後，有些東西仍然是不合適。

誰能給我上的是最好用的任何意見，以及如何解決這一問題

哦也，here是我的主題。（請不對該博客的實際內容發表評論...）

來源

2015-02-23 pigeonpals

對於流體佈局'％'是好的。對於自適應佈局，您可以通過'媒體查詢'使用'px'。 – 2015-02-23 05:49:13

如果您希望自己的網站在較小和較大的視口上都很好看，則應該使用％。

例如。您爲寬度爲1450px的筆記本電腦提供了100px的餘量，並且內容看起來完美無瑕，但對於1020px的筆記本電腦，結構可能看起來有些扭曲。

所以喜歡用％它使工作更容易，只有當有一些東西是相當小的如只是爲5px那麼喜歡PX，但一些大的值喜歡％，

來源

2015-02-23 05:46:01 Sydonia

當使事情變得「敏感」或配合所有屏幕尺寸要使用百分比，並期待通過媒體查詢指定的觀點應該是什麼樣子該屏幕尺寸

http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

來源

2015-02-23 05:48:00 Enjayy

當你想要的東西是完全是一個特定的大小，應使用px每次。

但是，當您想根據瀏覽器大小調整大小時，您應該使用百分比。使用較小的屏幕尺寸時，百分比有助於使網站更容易訪問。

來源

2015-02-23 05:49:07 Sachin

由於您希望它在多個網站上看起來不錯，因此在設置類似側欄的寬度時使用百分比。因此，如果寬度爲25％，則會佔用筆記本電腦屏幕的25％，但也會佔用較小屏幕的25％。

來源

2017-04-26 22:53:11 george

我應該使用px還是百分比？

回答

相關問題