我希望IFrame的宽度是两种大小之一，具体取决于浏览器窗口的宽度。不幸的是，即使刷新，下面的代码也无法提供预期的结果。我究竟做错了什么？
HTML如下：
<p>A frame example:<br>
<iframe src="www.google.com">
</iframe>
</p>
首先，我导入一个样式表，该样式表在所有方面均适用，但以下各项除外：
iframe
{
<script>
if (window.innerWidth<800px)
{
width="200";
}
else
{
width="400";
}
</script>
height="400";
}
关于我可以改善的任何想法？
您不能在CSS内使用javascript。只需使用媒体查询即可解决问题
@media all and (max-width:800px) {
iframe {
width: 200px;
}
}
@media all and (min-width: 801px) {
iframe {
width: 400px;
}
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句