我一直在努力解决这个问题并且还没有得到它：
我想拥有这3个css文件：
MobilePortrait.css（iphone 640px android 480px等）
我希望Lanscape.css使用desktop.css
为了做到这一点，我的HTML应该是什么样子 - 使用媒体查询或javascript。我经历了很多时间，每次出现问题时（桌面获取mobile.css或者iphone读取Portrait.css，即使它处于横向模式等）。
答案 0 :(得分：1)
也许Iphone问题与已知的视口宽度问题有关？解决了将此添加到html。
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
除了使用媒体查询来调用css之外。并在css文件中调用@import来调用引用的css文件（例如，landscape会@import桌面等）
媒体查询101：
<link href="css/phone.css" rel="stylesheet" type="text/css"
media="only screen and (max-width: 400px)" >
以及有关丰富的媒体查询世界的更多信息here。
还建议使用条件IE注释来隐藏旧IE中的媒体查询，并让它只使用一种css
编辑：啊我现在明白了这个问题 - 你需要在不同的Iphone情况下使用不同的css ..你可以使用jquery mobile并根据从纵向到横向和背面的变化绑定css类更改。
希望这会有所帮助