CSS媒体查询不适用于Android设备
CSS媒体查询不适用于Android设备
提问于 2014-09-28 07:46:43
在搜索相关问题之后，我仍然无法让媒体查询为我的网站工作(正在进行中)：
http://codemusings.net/
我首先确保我的站点验证为有效的HTML5。我还将<meta>标记与name="viewport"一起使用
<meta name="viewport" content="width=device-width,initial-scale=1">在这里利用相关问题的帮助，我去了http://mediaqueriestest.com/，它报告我的三星Galaxy S4有一个device-width of 640px。
我使用一个单独的样式表来覆盖主样式表中的样式规则。
<link rel='stylesheet' type='text/css' href='style/main.css'>
<link rel='stylesheet' type='text/css' href='style/mobile.css' media='only screen and (device-width: 640px)'>内部mobile.css
nav {
float: none;
width: 50%;
}
main {
float: none;
width: 90%;
}
.section {
background: none;
}为了确保客户端不以错误的顺序获取样式表，我尝试在我的主要CSS样式表中添加一个媒体查询：
@media screen only and (device-width: 640px) {
html { color: red; }
}然而，这也不起作用。我一直在指定device-width: 640px，以确保我的移动CSS正常工作，但我的总体目标是为所有智能手机和平板电脑可靠地加载不同的CSS。
我还应该指出，我在我的GalaxyS4上使用了Chrome。
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-09-28 09:31:37
试一试，我认为这应该管用。
@media only screen and (max-device-width: 640px) {
html { color: red; }
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26082770
复制相关文章
相似问题
腾讯云开发者
