Question

我在页面上渲染了一些大小为15像素的正方形。它们的绝对大小因屏幕分辨率而异 - 所以在非常大的分辨率下，它们看起来比我想要的要小得多。

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

Answer 1

您可以使用百分比。

  width:20%

这样，无论分辨率如何，宽度都是屏幕尺寸的百分比。

Answer 2

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