HTML/CSS：在多个分辨率下使宽度保持一致

Question

我在页面上呈现了一些大小为15px的正方形。它们的绝对尺寸因屏幕分辨率而异 - 所以在非常大的分辨率下，这些分辨率最终会比我想要的小得多。

如何在CSS中定义宽度以确保它们在所有不同的分辨率上或多或少都成比例？

Answer 1

您可以使用百分比。

width:20% 

这样，宽度是屏幕大小的百分比，不管分辨率如何。

Answer 2

阅读关于CSS Units。您需要使用相对单位，例如：em或ex。百分比总是一个很好的方法，但有时很难将其“绑定”到字体大小。