对不起,令人困惑的标题。很难形容。我正在使用 HTML、JS 和 CSS 制作移动网络应用程序。当然,它将用于许多不同尺寸的设备。我试图保持这个 div 的边距(即 div 外部的空间,not margin: ...
)始终保持一致。但是使用百分比会使垂直和水平边距不同,具体取决于元素的大小。
#selector {
position: absolute;
top: 5%;
bottom: 5%;
left: 5%;
right: 5%;
background: white;
-moz-box-sizing: border-box;
border-radius: 2%;
border: 2px solid red;
}
所以,基本上,我希望这个绝对定位的 div 周围的空间始终相等,无论窗口大小如何。有没有办法使用纯 CSS 而不使用像素(b/c 设备屏幕分辨率差异很大)来做到这一点。我也在寻找类似的边界半径解决方案,而不在 CSS 中使用像素值。