Loading...
(x)HTML/WML/CSS | не работают медиа запросы
body {
background: url(/bg.png) repeat;
max-width: 100%;
color: DarkSlateGrey;
margin: auto;
}
.head {
background: url(/shapka.png) repeat-x;
padding: 15px;
color: white;
}
a {text-decoration: none; color: black; font-weight: bold;}
a.link {
background: url(/link.png);
padding: 5px;
display: block;
margin-bottom: 1px;

}
.menu {
background: url(/menu.png);
padding: 10px;
float: left;
margin-right: 2%;
width: 28%;
}
.foot {
background: black;
color: white;
padding: 10px;
border-radius: 2px;
}
.boy {
width: 68%;
background: url(/body.png) repeat;
padding: 10px;
color: DarkSlateGrey;
margin-left: 30%;
}
.con {
width: 100%;
display: block;
}
@media only screen and (min-width: 800px) {
.menu {
background: url(/menu.png);
padding: 10px;
}
.boy {
background: url(/body.png) repeat;
padding: 10px;
color: DarkSlateGrey;
}
}

В чем проблема?
Захожу с телефона и ничего не изменяеться
________
посл. ред. 27.08.2018 в 19:49; всего 1 раз(а); by Chappie
Ну min-width поставь 400
Trolling (27.08.2018 в 19:59)
Ну min-width поставь 400

нет
А что должно измениться?
Я так понял ты хочешь что бы блоки съехали друг под друга?
RomanX (27.08.2018 в 21:01)
Я так понял ты хочешь что бы блоки съехали друг под друга?

верно
@media only screen and (max-width: 800px) {
.menu {
background: url(/menu.png);
width: 100%;
float:none;
padding: 10px;
margin: 0;
}
.boy {
background: url(/body.png) repeat;
width: 100%;
padding: 10px;
margin:0;
margin-top: 10px;
color: DarkSlateGrey;
}
}
пробуй так. А вообще лучше кинь ссылку так быстрее будет.
RomanX,спасибо , работает)
Онлайн: 2
Время:
Gen. 0.1252
(c) Bym.Guru 2010-2025