我只有几个星期的时间让我的网站在 iPad iPhone 上运行，只需要更改一些边距和一些字体大小。我在网上找到了这个教程，说要添加这段代码:
<!--[if !IE]>-->
<link type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" href="css/style_ipad.css" />
<link type="text/css" rel="stylesheet" media="only screen and (min-device-width: 768px) and (max-device-width: 1024px)" href="css/style_ipad.css" />
<!--<![endif]-->
所以我将其添加到我的普通样式表的链接上方，并上传了经过我调整的 style_ipad.css，但它没有用。任何人都知道为什么这行不通？这是过时了吗？
最佳答案
它并没有过时，但是既然您说您将它添加到您的普通样式表之上，那么您的样式规则很可能被覆盖了。毕竟，它们是级联样式表。
我还想指出，您在两个链接标记中都链接到了同一个文件 css/style_ipad.css。
关于iphone - 针对 iPhone iPad 的 CSS 样式表不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11006754/