我可以根据窗口大小设置样式吗？

Question

我为iftube视频设置了iframe样式：

iframe {
     width: 450px !important;
     height: 253px !important;
 }

但是如果窗口调整为小尺寸，则左边距消失，并且iframe的原始尺寸有空间。调整窗口大小时是否可以使用iframe的原始大小？

Answer 1

是的，使用media queries：

@media (min-width: 768px) {

    iframe {
         width: 450px !important;
         height: 253px !important;
    }

}

以上规则仅适用于窗口宽度至少为768像素的情况。您可以在媒体查询上添加一些其他内容来选择适用的内容 - 中等（屏幕，打印等），最大宽度等。