确定像素，百分比和元件尺寸在CSS样式

Question

这是你web开发乡亲在那里一个一般性的问题。我已经看到很多CSS，其中有像“填充”和“高度”等CSS元素的非常具体的像素或百分比计数。经验丰富的网页开发人员似乎真的认同他们内容的定位。我发现做一件简单的事情就像将一个元素居中放置在屏幕的中间那样简单，但是在我正确使用之前，需要在我的风格中使用不同的px或％值进行大量的“填充 - 左侧”或“高度”它只是感觉笨拙。

所以我想知道，是否有一些经验法则或指导原则，您在构建网页时都遵循选择px或％值的规则？

Answer 1

使用百分比对应于流体设计，从而创造了网页将响应性的。使用像素就像使用固定值一样，网页不会响应。这种设计模式将适用于旨在保持固定大小的网页。对于响应式设计，使用引导是很好的，因为他们已经完成了大部分CSS处理工作（实际上针对不同的屏幕尺寸和分辨率），我们只需要根据需要使用适当的CSS类。这样做，网页将会响应。

它建议使用响应式设计，走％的值，使网页不适合不同的屏幕尺寸和分辨率打破。