html - 我应该只以像素为单位给出最小高度和最大高度吗？

这是例子

<div id="parentContainer" style="height:100%;width:100%">
<div id="childContainer" style="height:98%";width:100%>
<div id="list" style="min-height:20%;max-height:90%;color:red;">
Hello, this contains the web page content
</div>
</div>
</div>

问题是我的一位同事说必须为像素设计诸如margin，min-height和max-height之类的内容，以确保响应式设计不会在各种屏幕尺寸和浏览器下出现混乱，但是我的决定是对于适合各种屏幕尺寸的布局，以百分比形式给出css值是正确的方法，因为如果屏幕的分辨率较低，则20px可能看起来更大，但是对于高分辨率的屏幕，它将看起来不像预期的那样它可以在较低分辨率的屏幕上看到。如果我找对了，请纠正我，因为我正在寻找正确的方法。

最佳答案

您可以在min|max-width和min|max-height中使用百分比。

像这样，

min-height: 100% !important; /* browser fill */
max-height: 100%;
min-width: 100%;
max-width: 100%;

有关更多信息，请参考此，

simple docs