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

我已经为iframe设置了一个样式，它是youtube视频：

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

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

是，使用：

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

是，使用：

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

@media (min-width: 768px) {

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

}