无法使iOS设备的条件CSS正常工作。
|
我在iOS设备的“条件” CSS上遇到了麻烦。这是我当前拥有的资源...请注意两个链接的样式表。如果不清楚，我要使用mobile.css文件（如果它是iPhone / iPod Touch设备），否则要使用style.css。我遇到了奇怪的情况，其中CSS标签的某些部分是从一个CSS文件中提取的，而其他标签是从另一个CSS文件中提取的。
例如，我希望根据哪个平台显示不同的标题。我在mobile.css中有一个#header {}部分，在style.css中有一个#header {}部分，它们都有自己的背景图像。在非移动设备上一切正常，但是当我在iPod Touch上加载页面时，我从style.css获取了图像，但从mobile.css获得了宽度/高度（因此裁剪/剪切了图像）。我可能做错了什么？两个CSS文件均已通过验证。
提前致谢！ （如果有任何相关性，则全部通过Grails）
<html>
<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">
<title>Home</title>
<link rel=\"stylesheet\" href=\"/css/mobile.css\" type=\"text/css\" media=\"only screen and (max-device-width: 480px)\" >
<link rel=\"stylesheet\" href=\"/css/style.css\" >
<meta name=\"layout\" content=\"main\">
</head>
<body>
<div id=\"header\"></div>
<p>Test</p>
<body>
</html>
#header {
background-image: url(\'../images/casmlogo.png\');
background-repeat: no-repeat;
height: 200px;
margin-left: 20px;
}
#header {
background-image: url(\'../images/logo-apple.png\');
background-repeat: no-repeat;
height: 100px;
}
没有找到相关结果
已邀请:
1 个回复
驮帽俺篮号