Media запрос
Автор Makkarob задал вопрос в разделе Верстка, CSS, HTML, SVG
Не применяются @Media запросы и получил лучший ответ
Ответ от WEB - Дизайнер[гуру]
Не знаю, зачем вы задаете в медиа запросе высоту, это так принципиально? тоже самое и с шириной, задайте не точное значение, а к примеру (min-width: 1280px)когда подключаете CSS файл в head, то должен быть еще и атрибут media="screen" (ну так чтоб было =) ).
type="text/css" уже не обязателен, его можно убрать
Ответ от Ђатьяна Шеховцова[гуру]
Размер окна браузера вообще-то не ровно 1024 на 1280. Панель от ОС внизу под браузером, строка с закладками браузера вверху, полоса прокрутки (возможно) слева, в опере - панель ещё и справа, и всё, стили строго под 1024 на 1280 уже не применятся
Размер окна браузера вообще-то не ровно 1024 на 1280. Панель от ОС внизу под браузером, строка с закладками браузера вверху, полоса прокрутки (возможно) слева, в опере - панель ещё и справа, и всё, стили строго под 1024 на 1280 уже не применятся
Ответ от Александр[гуру]
Разместить код тут (ссылка) и дать ссылку.
Разместить код тут (ссылка) и дать ссылку.
Ответ от Ёиамский кот[гуру]
ну как бы не совсем обязательно адаптацию писать в отдельном файле - можно всё писать в одном - всё как обычно подключаете < link rel="stylesheet " href="style.css" /> а вот уже в этом style.css и пишете всё что вам нужно к примеру : style.css=>
@media screen and (max-width:1000px) {
здесь применятся стили к разрешению экрана меньше 1000px
}
@media screen and (min-width:1000px) {
здесь стили для большего разрешения чем 1000рх
}
ну как бы не совсем обязательно адаптацию писать в отдельном файле - можно всё писать в одном - всё как обычно подключаете < link rel="stylesheet " href="style.css" /> а вот уже в этом style.css и пишете всё что вам нужно к примеру : style.css=>
@media screen and (max-width:1000px) {
здесь применятся стили к разрешению экрана меньше 1000px
}
@media screen and (min-width:1000px) {
здесь стили для большего разрешения чем 1000рх
}
Ответ от 22 ответа[гуру]
Привет! Вот подборка тем с похожими вопросами и ответами на Ваш вопрос: Не применяются @Media запросы