html - 百分比或像素：在宽度和高度上使用什么

Question

所以我需要对此的专业意见。很长一段时间以来，这一直是我的困境，因为我担心如果我使用宽度为 a 的像素，<div>那么我认为它看起来会根据显示器的屏幕分辨率而有所不同。这就是为什么我总是在宽度中使用百分比，例如，当我为 div 分配 90% 的宽度时，CSS 将能够将其调整为屏幕分辨率。

关于使用百分比和像素，我的逻辑是否正确？请帮我解决这个问题，谢谢！

Answer 1

我认为你的策略非常明智。当开发不止一种显示器尺寸/设备时，最好使用百分比。但是，您需要确保以一种或另一种方式做所有事情，否则可能会出现一些有趣（但不是功能性）的结果。但是，有时如果您正在为一个非常小的屏幕进行开发，最好有一个单独的样式表。

Answer 2

不，您的逻辑并不正确。这完全取决于您的布局。如果您创建具有固定尺寸（像素）的布局，那么当屏幕大小（或窗口大小）发生变化时，布局的大小不会改变。在这样的布局中，您可以将像素和百分比用于内部元素，具体取决于您最适合使用的内容。

当你有一个流畅的布局（百分比）时，布局会随着屏幕尺寸的变化而改变它的尺寸。在这种类型的布局中，您主要将 % 用于内部元素，并且可能在精心挑选的元素上使用一些像素大小。