IE8+ 中的最小宽度 CSS 媒体查询；
我正在考虑为桌面和 iPad 浏览器调用不同的 CSS。
对于桌面，我使用
<link rel="stylesheet" media="only screen and (min-width:1000px)" href="desktop.css">
，对于 iPad，我使用
<link rel="stylesheet" media="only screen and (device-width:768px)" href="desktop.css">
当我说桌面浏览器时，我指的是 IE8 及以上版本、FF4+、MAC 上的 Safari 5+
但由于某些原因，桌面 CSS 并未在 IE8 中应用。
请建议最好的方法，以便我可以清楚地区分桌面/iPad，并且它也适用于所有桌面浏览器。
I am looking at calling different CSS for desktop and iPad browsers.
For desktop, I am using
<link rel="stylesheet" media="only screen and (min-width:1000px)" href="desktop.css">
and for iPad, I use
<link rel="stylesheet" media="only screen and (device-width:768px)" href="desktop.css">
When I say desktop browsers, I am referring to IE8 and above, FF4+, Safari 5+ on MAC
But for some reasons, the desktop CSS does not get applied in IE8.
Please suggest the best approach such that I can clearly separate desktop/iPad and also it would work on all desktop browsers..
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
@testndtv；
mediaquery在 IE 中不起作用。为此，您必须使用 Response.js@testndtv;
mediaqueryis not work in IE. for this you have to use Response.js最简单的方法是添加
到您的标记。The easiest way is to add
<!--[if IE ]><link rel="stylesheet" media="screen" href="desktop.css"><![endif]-->to you<head>tag.