Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
lomakin
3 / 3 / 2
Регистрация: 18.12.2015
Сообщений: 189
1

@media перезапись

27.02.2017, 18:14. Просмотров 845. Ответов 5
Метки нет (Все метки)

Добрый день. такой вопрос
идет вот такой медиа запрос с очередностью
CSS
1
2
3
@media only screen and (max-width: 544px) 
@media only screen and (max-width: 767px)
@media only screen and (max-width: 991px)
Но при размерах для телефона скажем 414 берутся стили от 991 px
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
27.02.2017, 18:14
Ответы с готовыми решениями:

@media
Здравствуйте, поставил такую штуку: @media screen and (max-width:1600px) { ...

В IE не работает @media
Народ помогите пожалуйста! Сразу оговорюсь, это мой первый опыт в разработке...

Ие 8 и @media screen
Здравствуйте, заметил что ие 8 напрочь на хочет принимать @media screen . В...

Изображения и @media
Здравствуйте. Осваиваю потихоньку @media Есть изображение <img...

Media-print
Здравстуйте, столкнулась с такой проблемой, почему при печати данной страницы...

5
Dmitry
Эксперт по компьютерным сетямЭксперт NIX
10747 / 6073 / 456
Регистрация: 09.09.2009
Сообщений: 24,073
27.02.2017, 18:23 2
а min выставить - религия не позволяет?
1
lomakin
3 / 3 / 2
Регистрация: 18.12.2015
Сообщений: 189
27.02.2017, 18:24  [ТС] 3
Dmitry, Никак не могу себе позволять такие вещи )
0
mrtoxas
Модератор
Эксперт HTML/CSS
2569 / 1903 / 1184
Регистрация: 12.07.2015
Сообщений: 5,115
Записей в блоге: 3
27.02.2017, 18:30 4
lomakin, Почему это у вас он с такой очередностью?
CSS
1
2
3
@media only screen and (max-width: 991px){}
@media only screen and (max-width: 767px){}
@media only screen and (max-width: 544px){}
0
lomakin
3 / 3 / 2
Регистрация: 18.12.2015
Сообщений: 189
27.02.2017, 18:31  [ТС] 5
mrtoxas, Вроде же требуется от меньшего к большему числу
0
mrtoxas
Модератор
Эксперт HTML/CSS
2569 / 1903 / 1184
Регистрация: 12.07.2015
Сообщений: 5,115
Записей в блоге: 3
27.02.2017, 18:44 6
Лучший ответ Сообщение было отмечено lomakin как решение

Решение

lomakin, Нет. Есть два подхода. Если вы верстаете сначала мобильную версию и потом расширяете ее до десктопной, тогда от меньшего к большему, а если наоборот - то наоборот Правда, там еще с max и min нюансы.

Сначала мобильная:
CSS
1
2
3
4
    h1{color:red}
    @media (min-width:545px){h1{color:green}}
    @media (min-width:768px){h1{color:blue}}
    @media (min-width:992px){h1{color:lime}}
Сначала десктопная:
CSS
1
2
3
4
    h1{color:red}
    @media (max-width: 991px){h1{color:green}}
    @media (max-width: 767px){h1{color:blue}}
    @media (max-width: 544px){h1{color:lime}}
2
27.02.2017, 18:44
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
27.02.2017, 18:44

Media queries
Практикуюсь с адаптивной вёрсткой, и первый косяк который моему глазу не виден...

@media не действует
Адаптирую через @media пишу как @media all and (max-width:1050px){ ...

Media screen
Подсобите с css Как сделать. что бы media screen был игнорирован?


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru