我只是一对夫妇tweeks使在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 ，在这两个链接标签。
当定义为“设备宽度”你的媒体查询你必须记住，它指的是渲染屏幕（这得到棘手与视网膜显示）的实际像素宽度- 4.3节中的http：//www.w3 .ORG / TR / CSS3-mediaqueries / 。 要获得实际的宽度，你将不得不使用象素率占它。
但你也可以简单地改变你的媒体查询检查浏览器/视您的文档outputed到的宽度。 只需删除该device的查询部分：
<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" />
请参阅这些2个响应上之间的差的一个更完整的定义device-width和width ：
什么是移动网络最大的设备宽度和最大宽度之间的区别？
在CSS媒体查询宽度和设备宽度之间的差异
