<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.
我想是因为min-width代表的是window.innerWidth.302px窗口的innerWidth就是300px