css - @media min-width
本文介绍了css - @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.
解决方案
我想是因为min-width代表的是window.innerWidth.302px窗口的innerWidth就是300px
这篇关于css - @media min-width的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文