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

时间:2016-03-16 04:34:07

标签: html css

这是一个关于网络开发人员的一般性问题。我已经看到很多CSS有一个非常特定的像素或百分比计数的css元素,如"填充"和经验丰富的网络开发人员似乎真正确定了他们内容的定位。我发现做一些简单的操作就像将一个元素居中放到屏幕的中间位置那样,我需要进行大量的测试,使用不同的px或%值进行" padding-left"或者"身高"在我做对了之前我的风格,它只是感觉笨拙。

所以我想知道,在构建网页时,您是否遵循选择px或%值的一些经验法则或指南?

1 个答案:

答案 0 :(得分:1)

使用百分比对应于流体设计,由此创建的网页本质上是响应性的。使用像素就像使用固定值一样,网页不会响应。这种设计模式适用于旨在保持固定大小的网页。对于响应式设计,使用bootstrap是很好的,因为他们已经完成了大部分css处理(实际上是针对不同的屏幕尺寸和分辨率),我们只需要根据需要使用适当的css类。这样,网页就会响应。

建议使用自适应设计,使用%值,以便网页不会因不同的屏幕尺寸和分辨率而中断。