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