HTML/CSS：使宽度在多种分辨率下保持一致
我在页面上渲染了一些大小为 15px 的正方形。它们的绝对尺寸根据屏幕分辨率而变化 - 因此在非常大的分辨率下，它们最终看起来比我想要的要小得多。
如何在 CSS 中定义宽度以确保它们在所有不同分辨率下或多或少成比例？
I have some squares s of size 15px rendered on a page. Their absolute size varies based on the screen resolution - so on very large resolutions, these end up looking much smaller than I want them to be.
How do I define the width in CSS to make sure they are more or less proportionate across all the different resolutions?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您可以使用百分比。
这样，无论分辨率如何，宽度都是屏幕尺寸的百分比。
You can use percentages.
this way the width is a percentage of the screen size regardless of resolution.
了解CSS 单元。您需要使用相对单位，例如：
em或ex。百分比始终是一个好方法，但有时很难将其“绑定”到字体大小。Read about CSS Units. You need to use relative unit, such as:
emorex. Percentage is always a good way to go, but sometimes it’s hard to 'bind it' to the font size.