媒体查询全部收获 [英] Media Queries all belly up
问题描述
我不确定我做错了什么。
我的媒体查询会显示不同的结果,具体取决于我是否通过测试工具查看结果像Matt Kersley的在线测试工具http://mattkersley.com/responsive或通过我的实际设备。
我的媒体查询都没有正确响应。有什么想法吗?
谢谢。
问题主要是菜单。我正在尝试将菜单集中在一起,但整个菜单在某些设备上略微左对齐,即Macbook Pro Retina,并且中心在旧的DELL LCD 1024 x 768上对齐。
这是代码:
I'm not sure what I'm doing wrong.
My media queries display different results depending on whether I'm viewing the results via a test tool like Matt Kersley's online test tool http://mattkersley.com/responsive or via my actual device.
None of my media queries is responding properly. Any ideas?
Thanks.
The problem is primarily with the menu. I'm trying to centre up the menus but the entire menu is slightly left justified on some devices i.e. Macbook Pro Retina, and centre justified on an old DELL LCD 1024 x 768.
Here is the code:
header nav{
/*background:#333;*/
width:99%;
height:10%;
margin:auto;
border: 1px solid red;
border-radius:3px;
-webkit-border-radius:3px; /*webkit browsers*/
-moz-border-radius:3px;/*Mozilla browsers*/
overflow:hidden;
header nav ul{
list-style:none;
padding:0 4%;
/*margin:0 11.5%;*/
margin: 0 auto;
display:inline;
}
}
[/ EDIT]
推荐答案
这篇关于媒体查询全部收获的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!