Css Chrome Webkit的媒体屏幕查询
除了chrome填充问题,我的网站上的一切都很好,我不知道chrome用户是否有一般的填充修复问题,或者我们是否可以在chrome浏览器上执行@media查询。我的主要问题是我的菜单 我试图同时使用webkit和screen query,但当我添加(最小宽度:992px)时,它不起作用,但1200px query在chrome上不起作用992px query覆盖了chrome的所有内容 我搜索了一下,发现了一些基于Dpi的查询,但我的问题不仅仅是普通问题Css Chrome Webkit的媒体屏幕查询,css,twitter-bootstrap,google-chrome,Css,Twitter Bootstrap,Google Chrome,除了chrome填充问题,我的网站上的一切都很好,我不知道chrome用户是否有一般的填充修复问题,或者我们是否可以在chrome浏览器上执行@media查询。我的主要问题是我的菜单 我试图同时使用webkit和screen query,但当我添加(最小宽度:992px)时,它不起作用,但1200px query在chrome上不起作用992px query覆盖了chrome的所有内容 我搜索了一下,发现了一些基于Dpi的查询,但我的问题不仅仅是普通问题 /* Large Devices, Wi
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.logoz{
width:100%;
}
.navbar-default .navbar-nav > li > a {
color: #615f5f;
font-size: 16px;
padding: 10px 23px 10px 23px;
margin:0 5px 0 5px;
font-family: 'Armata', sans-serif;
}
.navbar-nav{
margin-top:59px;
}
.text_boxes{
background-color: #3f3f40;
height:40px;
padding:5px;
color:#FFFFFF;
font-size:24px;
margin-top:20px;
}
.text_main{
margin-top: 10px;
padding:5px;
font-size:12px;
}
}
/* Chrome , Wide Screens */
@media only screen and (-webkit-min-device-pixel-ratio:0) and (min-width : 1200px) {
.logoz{
width:100%;
}
.navbar-default .navbar-nav > li > a {
color: #615f5f;
font-size: 16px;
padding: 10px 20px 10px 20px;
margin:0 6px 0 6px;
font-family: 'Armata', sans-serif;
}
}
@media only screen and (-webkit-min-device-pixel-ratio:0) and (min-width : 992px) {
.logoz{
width:80%;
}
.navbar-default .navbar-nav > li > a {
color: #615f5f;
font-size: 14px;
padding: 8px 10px 8px 10px;
margin:0 5px 0 5px;
}
}
我发现了我的问题,我必须在最后一行以1200px运行min,因为否则min-width查询的分辨率错误 问候