Задать вопрос
@indee2

Адаптивная верстка, что я делаю не так?

Привет всем. Что я опять не так сделал?

Верстаю простенькие сайты. Решил освоить сss фреймворк и адаптивную верстку.

Макет сверстал. Мета тег подключил. При уменьшении границ браузера фреймворк уже сам подстраивает сетку в колонки одна за одной, как и надо. Вроде все хорошо и осталось только кое какие стили подправить чтоб все смотрелось идеально.. и тут косяк.

В CSS сразу уже прописаны media-переменные:

@media (min-width: 400px) {}
@media (min-width: 550px) {}
@media (min-width: 750px) {}


Например я вношу изменения в первую media, т.е должны изменится стили (для айфона например) но те изменение которые я внес в media-переменную для телефона, подцепляет и сам сайт. т.е переопределяет основные. Почему так?

Как мне в media-переменную прописать стили так чтоб они затрагивали нужный мне телефон или планшет, а не основную верстку. Что я не так сделал?
  • Вопрос задан
  • 365 просмотров
Подписаться 2 Оценить Комментировать
Ответ пользователя Ivan Tokar К ответам на вопрос (6)
Jonathan
@Jonathan
front-end developer
Попробуйте разобраться в концепции mobile first, У вас написано в media queries min-width, а это надо понимать как: этот размер и выше.
Ответ написан
Комментировать