Несколько медиа-запросов не работают, несмотря на несколько конфигураций и т. д. Как мне это сделать? ⇐ Html

[Anonymous]

Однако все работает при разрешении 800 пикселей, 1100 пикселей, 1400 пикселей, панель навигации не отображается, поскольку я думаю, что медиазапрос размером 400 пикселей перекрывает другие запросы. Мне нужна помощь, как сделать так, чтобы отображалась панель навигации... Однако все они работают в размерах 800 пикселей, 1100 пикселей, 1400 пикселей, панель навигации не отображается, поскольку я думаю, что медиа-запрос размером 400 пикселей перекрывает другие запросы. Мне нужна помощь, как сделать так, чтобы панель навигации отображалась...
CSS-код:
@media screen and (min-width: 400px)
{

header {
padding: 1%;
}
header h1 {
position: relative;
left: 0.5%;
bottom: 10%;
}

header div{
display: none;
}

nav.sitenavigation {

}

nav.sitenavigation ul {
border: 3px solid #34180f;
display: none;
background-color: #B8944D;
position: absolute;
right: 5%;
top: 80%;
z-index: 1;
}

nav.sitenavigation ul li {
display: inline-block;
}

.navigation-menu-button {
float: right;

}

article.container{
padding:0%;
}

figure {
display: none;
}

aside {
display: none;
}

aside p {
display: none;
}
}

@media screen and (min-width:800px),print
{
header h1 {
position: absolute;
top: 8%;
left: 28.0%;
}

header div{
display: inline;
position: relative;
right: 39%;
}

nav.sitenavigation {
position: relative;
bottom: 2%;
padding: 0.3%;
}

.navigation-menu-button {
display:none;
}

ul li {
display:inline;
margin-right: 2%;
position: relative;
left: 36.5%;
}

article {
width: 62.6%;
padding: 2%;
}

article p {
padding-right: 0%;
}

#contentstart {
padding-right: 0%;
}

figure {
display: none;
}

aside {
display: inline;
}

aside p {
position: relative;
left: 3.5%;
margin: 2% 0 0 5%;
padding-right: 5%;
}
}

@media screen and (min-width:1100px){
header h1 {
position: absolute;
top: 5.5%;
left: 37%;
}
header div {
display: inline;
position: relative;
right: 39%;
}

nav.sitenavigation {
position: relative;
bottom: 2%;
padding: 0.3%;
}

.navigation-menu-button {
display:none;
}

ul li {
display:inline;
margin-right: 2%;
position: relative;
left: 43.5%;
}
article {
width: 62.6%;
padding: 2%;
}

article p {
padding-right: 50%;
}
#contentstart {
padding-right: 50%;
}

figure {
position: absolute;
left: 50%;
bottom: 28.7%;
margin: 2% 2% 0 0.3%;

}

aside {
display: inline;
width: 30%;
}

aside p {
position: relative;
left: 3%;
padding: 2% 6% 0 6%;
margin: 1% 0 0 0%;
}

}

@media screen and (min-width:1400px) {
body {
width: 1400px;
}

header h1 {
position: absolute;
top: 7%;
left: 42%;
}

header div {
display: inline;
position: relative;
right: 39%;
}

nav.sitenavigation {
position: relative;
bottom: 2%;
padding: 0.3%;
}

ul li {
display:inline;
margin-right: 2%;
position: relative;
left: 47.1%;
}
article {
width: 62.6%;
padding: 2%;
}

article p {
padding-right: 54%;
padding-bottom: 2%;
}

figure {
position: absolute;
left: 45%;
bottom: 1%;
top: 0.2%;
margin: 2%;
}

aside {
display: inline;
width: 30%;
}

aside p {
position: relative;
left: 3%;
padding: 2% 6% 0 6%;
padding-right: 7%;
margin: 1% 0 0 0%;
}
}

HTML-код:



Revisions Bookstore & Cafe




[*]






Skip navigation

Revisions Bookstore & Cafe

• Home
• Events
• New Releases

10th Anniversary Sale!



10% off our top 10 best sellers
Buy any two books, get a third at 50% off
In-store giveaways every day this month
Through November 30



Custom brewed coffee and hand-selected books.
Special orders are our specialty.


412 N. 25th St.
Richmond, VA 23223
(804) 555-2565







Подробнее здесь: https://stackoverflow.com/questions/415 ... -etc-how-s