@media min-width

<style>
body {background-color:red;}    
@media (min-width: 300px) { body { background-color:black; }}
</style>
</head>
<body>
<p><input type="button" onclick="resize_window()" value="查看效果"></p>
<SCRIPT>
function resize_window() {
        window.open ('sreen.html','newwindow','height=301px,width=301px,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')}
</SCRIPT>

在这里为什么新窗口301px依然显示red,改成302px才会显示black.用的是firefox browser.

阅读 1.7k
1 个回答

我想是因为min-width代表的是window.innerWidth.302px窗口的innerWidth就是300px

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题