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

Question

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

我的逻辑是否正确使用百分比和像素？请帮助我在这一个谢谢！

Answer 1

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

Answer 2

不，你的逻辑不是真的正确。这一切都取决于你的布局。如果您创建具有固定尺寸（像素）的布局，那么当屏幕尺寸（或窗口尺寸）更改时，布局的尺寸不会更改。在这样的布局中，您可以使用像素和百分比来表示内部元素，具体取决于您可以使用的最佳内容。

如果您有流体布局（百分比），则布局会根据屏幕大小的变化更改尺寸。在这种类型的布局中，主要使用％作为内部元素，并且可能使用精心选择的元素上的某些像素大小。