Question

我特别需要满足IE9的需求。因此，在我的主要文档的开头部分中，我有：

 <!--[if IE 9]>
    <link rel="stylesheet" href="css/IE9pc.css"  media="screen and (min-width: 1348px)"/>
    <link rel="stylesheet" href="css/IE9tablet.css" media="screen and (min-width: 767px) and (max-width: 1347px)" />
    <link rel="stylesheet" href="css/IE9mobile.css"  media="screen and (max-width: 767px)" />
<![endif]-->

如果窗口已经达到指定的大小，那么此方法就可以正常工作，但是如果我减小或扩大了屏幕大小，则无法使用适合新屏幕大小的适当样式表。如何获得正确的样式表是动态捡起的？

更新

我看到Rory将其标记为重复，但事实并非如此。就我而言，按照罗里的指示，未设置兼容性视图，这是针对“真实” IE.9进行的测试。浏览器。罗里（Rory）链接提供的答案是<meta http-equiv="X-UA-Compatible" content="IE=9">，但由于我也要适应较新的浏览器，因此我的头文件中有<meta http-equiv="X-UA-Compatible" content="IE=edge">，而且我不相信我可以在代码中轻松更改。 >

IE9屏幕调整大小更改样式表

0 个答案: