边框宽度百分比

Question

我现在正在使用这些代码来实现页面两侧的边框。

<style>
body {
border-left: 168px solid #F5E5D6;
border-right: 168px solid #F5E5D6;
}
</style>

我的屏幕分辨率看起来很棒。不幸的是，对于其他分辨率，页面将变形。所以也许知道如何将“168px”更改为9％的屏幕？

Answer 1

使用viewport length units，您可以执行此操作：

body {
    border-left: 9vw solid #F5E5D6;
    border-right: 9vw solid #F5E5D6;
}

9vw表示“视口宽度的9％”。但请注意，IE＆lt; = 8或Firefox＆lt; = 19不支持这些单位。More info here on browser support.