针对iPhone iPad的CSS样式表不工作

我只有几个tweek可以让我的网站在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\u ipad.css

。

它并没有过时，但因为您说您将其添加到了正常样式表之上，所以很可能您的样式规则被覆盖了。毕竟，它们是级联样式表

---

另外，我想指出的是，您在两个链接标签中都链接到了同一个文件，

css/style\u ipad.css

。

使用“设备宽度”定义媒体查询时，您必须记住，它指的是渲染屏幕的实际像素宽度（视网膜显示会变得棘手）-请参阅中的第4.3节。要获得实际宽度，您必须使用像素比率来解释它

但您也可以简单地更改媒体查询，以检查文档输出到的浏览器/视口的宽度。只需删除查询的

设备

部分：

<link type="text/css" rel="stylesheet" media="only screen and (max-width: 480px)"  href="css/style_ipad.css" />
<link type="text/css" rel="stylesheet" media="only screen and (min-width: 768px) and (max-width: 1024px)" href="css/style_ipad.css" />

有关

设备宽度

和

宽度

之间差异的更完整定义，请参考这两个响应：

---

使用“设备宽度”定义媒体查询时，必须记住它指的是渲染屏幕的实际像素宽度（视网膜显示会变得棘手）-请参阅中的第4.3节。要获得实际宽度，您必须使用像素比率来解释它

但您也可以简单地更改媒体查询，以检查文档输出到的浏览器/视口的宽度。只需删除查询的

设备

部分：

<link type="text/css" rel="stylesheet" media="only screen and (max-width: 480px)"  href="css/style_ipad.css" />
<link type="text/css" rel="stylesheet" media="only screen and (min-width: 768px) and (max-width: 1024px)" href="css/style_ipad.css" />

有关

设备宽度

和

宽度

之间差异的更完整定义，请参考这两个响应：

---

我把它放在下面，但它仍然不起作用；我的印象是，这段代码只会在客户端为1024或以下时使用样式表，否则它会使用我的普通样式表，我确实想链接到css/style_ipad.css，因为我需要进行的调整将对ipad和iphone都有效。我将其放在下面，但仍然不起作用；我的印象是，这段代码将只在客户端为1024或以下时使用样式表，否则它将使用我的普通样式表。我的意思是链接到css/style_ipad.css，因为我需要进行的调整将适用于ipad和iphone。如果你转到你的个人资料，你可以看到你以前和现在提出的问题然后，如果有解决您的问题的答案，您可以单击投票下的复选框。如果您转到您的个人资料，您可以看到您以前提出的问题，然后如果有解决您的问题的答案，您可以单击投票下的复选框。