(x)HTML/WML/CSS | не работают медиа запросы
Тема закрыта by
DELETED
DELETED
Автор
27 августа 2018, в 19:49
Delete
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
DELETED
Автор
27 августа 2018, в 20:01
Delete
Trolling (27.08.2018 в 19:59)
Ну min-width поставь 400
Ну min-width поставь 400
нет
А что должно измениться?
Я так понял ты хочешь что бы блоки съехали друг под друга?
DELETED
Автор
27 августа 2018, в 21:06
Delete
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;
}
} пробуй так. А вообще лучше кинь ссылку так быстрее будет.
DELETED
Автор
27 августа 2018, в 21:21
Delete