我正在考虑为桌面和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 5+上的Safari
但由于某些原因,桌面CSS无法在IE8中应用。
请建议最好的方法,以便我可以清楚地分离桌面/ iPad,它也适用于所有桌面浏览器..
答案 0 :(得分:0)
@testndtv; mediaquery
在IE中不起作用。为此,您必须使用Response.js
答案 1 :(得分:0)
最简单的方法是添加
<!--[if IE ]><link rel="stylesheet" media="screen" href="desktop.css"><![endif]-->
<head>
标记。