Почему мои запросы @media не работают? ⇐ Html

[Anonymous]

Я пытаюсь использовать медиа-запросы, чтобы изменить внешний вид моего веб-сайта в разных размерах... В настоящее время это не работает:

Код: Выделить всё

html {background:#333;}
body {background:#F0F1F2;}
html, body {
width:100%;
min-height:100%;
}
* {
margin:0;
padding:0;
font-family:'bl-reg', sans-serif;
font-size:12px;
color:#333;

z-index:inherit;
}
h1, h2, h3, h4, h5, h6, p, a, li, tr, th, td {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor:default;
}
a {
font-family:'bl-reg', sans-serif;
font-weight:inherit;
font-size:inherit;
text-decoration:none;
color:inherit;
cursor:pointer;
}
a:hover {
text-decoration:underline;
}
.margin-center {
margin:auto auto;
}
.pull-left {
float:left;
}
.pull-right {
float:right;
}

div.navbar {
height:48px;
overflow:auto;
background:#FFF;
}
div.navbar > ul {
list-style-type:none;
}
div.navbar > ul li.brand,
div.navbar ul li.link {
display:inline-block;
}
div.navbar > ul li.brand {
font-weight:bold;
font-size:14px;
}
div.navbar ul li.link {
font-size:12px;
}
div.navbar > ul li a {
display:block;
padding:15px;
}
div.navbar > ul li.link a {
display:block;
padding:16.5px 15px;
color:rgba(51,51,51,0.75);
}
div.navbar > ul li.link a:hover {
color:rgba(51,51,51,1);
}
div.navbar > ul li a:hover {
text-decoration:none;
}
}
@media screen and (min-width: 975px) {
div.navbar > ul {
width:975px;
}
}
@media screen and (max-width: 974px) {
div.navbar > ul {
width:100%;
}
div.navbar > ul > div.collapse {
position:absolute;
margin-top:48px;
}
}

Код: Выделить всё

Welcome
[*]







[list]

[url=#]stack[/url]


[*]
[url=#]Hello[/url]

[*]
[url=#]Hello[/url]

[*]
[url=#]Hello[/url]

[*]
[url=#]World[/url]

[/list]

Почему веб-сайт не открывается при ширине моего браузера более 975 пикселей, при этом ширина не устанавливается на div.navbar > ul и тому подобное. А затем, когда он меньше 975 пикселей, установите ширину на 100% и другие значения в пределах максимальной ширины: 974 пикселей

Подробнее здесь: https://stackoverflow.com/questions/267 ... eries-work