我有2个样式表。一个用于一般网站，另一个用于移动。
用于在PC上浏览的CSS：
<link href="/context/resources/css/landing.css" rel="stylesheet" type="text/css" />
CSS for mobile：
<link type="text/css" rel="stylesheet" media="only screen and (max-device-width:480px)" href="/context/resources/css/mobile/landing.css" />
但是，我的iPhone4 上的移动Safari始终使用PC landing。css文件而不是移动版本。
我知道为什么以及如何解决它？
答案 0 :(得分：0)
对于iPhone4，你也需要高密度的部分：
<link type="text/css" rel="stylesheet" media="only screen and (max-device-width:480px) and (-webkit-min-device-pixel-ratio: 2)" href="/context/resources/css/mobile/landing.css" />
答案 1 :(得分：0)
将第一行更改为：
<link href="/context/resources/css/landing.css" media="screen" rel="stylesheet" type="text/css" />