CSS。根据设备屏幕宽度（而不是窗口）调整div的大小

Question

我想将元素宽度设置为等于（设备屏幕宽度）/ 4。
视口的宽度和高度（vw，vh）不适合此操作。
我只能使用CSS做到这一点吗？

我要遵循以下广告媒体规则：

@media (min-width: 550px) {
    .poster {
        width: 25%;     /* here I want to set 25% of screen width */
        height: auto;
    }
}

Answer 1

我建议您仔细看一下：https://css-tricks.com/snippets/css/a-guide-to-flexbox/

基本使用百分比（对于设备屏幕的1/4使用25％）