所以大部分时间我的样式表都正常显示。标准/原始版本总是完美无缺，但是从移动设备上看，有时候移动设备会被忽视
我将它们指定如下：
<link href="CustomStyleSheets/standard.css" rel="stylesheet" type="text/css" />
<link href="CustomStyleSheets/mobile.css" rel="stylesheet" type="text/css" media="only screen and (max-device-width: 799px)" />
我正在使用Droid X以纵向模式查看页面，因此设备宽度不应超过上面指定的最大宽度，但有时，随机地，它仍然会恢复到原始的css页面。
有什么方法可以阻止它这样做？
答案 0 :(得分：2)
确保您的standard.css不会影响您希望通过mobile.css看到的级联。看起来移动设备首先会加载你的standard.css然后再加载mobile.css - 因此两个样式表中的样式都会影响显示。我通常将样式表链接元素包装在仅显示移动设备的逻辑中，而不是同时显示两个样式表。
此外，请不要忘记包含此元标记，以确保您的网页正确缩放到设备尺寸：
<meta name="viewport" content="width=device-width" />
答案 1 :(得分：0)
我以前见过这种情况。我相信身体元素的大小正在改变。正确的doctype非常重要。它应该是：
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
答案 2 :(得分：0)
尝试使用“掌上电脑”媒体类型。
<link href="CustomStyleSheets/standard.css" rel="stylesheet" type="text/css" />
<link href="CustomStyleSheets/mobile.css" rel="stylesheet" type="text/css" media="handheld" />
答案 3 :(得分：-1)
也许使用media =“screen”for standard.css？也许有帮助（：
或者检查服务器端的用户代理。如果是移动设备，只加载移动css，否则加载standard.css。
我使用WURFL来确定它是否是移动设备......