边框宽度百分比

Question

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

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

我的屏幕分辨率看起来很棒.不幸的是,对于其他分辨率,页面将变形.那么也许知道如何将"168px"更改为屏幕的9%？

Answer 1

使用视口长度单位,您可以执行以下操作:

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

9vw表示"视口宽度的9%".但请注意,IE <= 8或Firefox <= 19不支持这些单位.有关浏览器支持的更多信息.