根据屏幕分辨率更改分割宽度

Question

我想根据屏幕分辨率更改分区宽度，例如bootstrap column col-md-6 col-xs-8。

但我想为不同的分辨率给出不同的百分比，例如中等大小为20％，小尺寸为90％，这就是为什么我不使用自举。

我找了一个答案，但我找不到。

Answer 1

您需要使用media queries。例如：

@media screen and (min-width: 480px) {
    body {
        width: 80%;
    }
}

@media screen and (min-width: 1920px) {
    body {
        width: 70%;
    }
}

  

以下是媒体查询的可靠列表：Comprehensive Media Query List