css - 我应该使用 px 还是百分比？

Question

所以我正在制作一个 tumblr 主题，我已经差不多完成了。除了我需要让它适合所有屏幕分辨率。我自己的笔记本电脑屏幕非常小，所以我将它的样式设置为在我的屏幕上看起来不错 -- 但当我问其他人时，他们说它太靠左了，而且分页按钮已关闭。

我环顾四周，看到很多人说在尝试使网站适合所有屏幕分辨率时，使用百分比比使用像素更好。

下面是一些代码片段。

这是侧边栏:

 #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是我的主题。 (请不要对该博客的实际内容发表评论...)

Answer 1

当您希望某物每次都恰好是特定尺寸时，您应该使用 px。

但是当您希望根据浏览器大小调整某些内容的大小时，您应该使用百分比。使用较小的屏幕尺寸时，百分比有助于使网站更易于访问。