确定css样式中的像素、百分比和元素大小

Question

这是一个普遍的问题，你的网页开发人员在那里。我见过很多CSS有一个非常特定的像素或百分比的css元素，如“填充”和“高度”等。有经验的网页开发人员似乎真正确定了他们的内容定位。我发现做一些简单的事情，比如在屏幕的中间对一个元素进行居中，我需要用不同的px或%值测试我的风格中的“填充物-左”或“高度”，然后我才会觉得很笨拙。

所以我想知道，在构建你的网页时，是否有一些经验法则，或者指南，你们在选择px或%值时都会遵循这些规则？

Answer 1

使用百分比与流体设计相对应，这样创建的网页将具有响应性。使用像素就好像你在使用固定的值，网页将不会响应。这种设计模式将适用于打算保持固定大小的网页。对于响应性设计，使用引导很好，因为他们已经为您完成了css的大部分处理(实际上，对于不同的屏幕大小和分辨率)，我们只需要根据需要使用适当的css类。这样做，网页将作出反应。

建议使用响应性设计，选择%值，这样网页就不会因屏幕大小和分辨率不同而中断。