我正在使用媒体查询,用于网站的桌面版本。
我正在寻找的行为是:
- 全屏渲染
- 最小化视口时没有重新调整(隐藏右侧内容)
所以我定义了屏幕分辨率的范围,并在我的 .css 文件中尝试了这样的最小和最大设备宽度:
@media screen and (max-device width:1535px) and (min-device-width:1365px) {
html{
font-size:80%;
}
#mainframe{
width:1000px;
}
}
这在 chrome 和 firefox 上运行良好,但经过研究 device-width 似乎不符合 ie 9. (min-width workà
(我在我的 html 文件中添加了这个元标记:
<meta http-equiv="X-UA-Compatible" content="IE=9">
没有效果)
有没有办法绕过这个?