Задать вопрос
@Giterman
css

Mobile First или разделение стилей?

Здравствуйте!
Хотелось бы узнать у более опытных разработчиков, какой способ адаптивной верстки предпочтительнее использовать:

Mobile first
.text {
  font-size: 12px;
  color: #222;
}

@media (min-width: 768px) {
  .text {
    font-size: 14px;
  }
}

Вынесение различающихся стилей в соответствующие медиа-запросы
.text {
  color: #222;
}

@media (max-width: 767px) {
  .text {
    font-size: 12px;
  }
}

@media (min-width: 768px) {
  .text {
    font-size: 14px;
  }
}


Заранее спасибо за ответ!
  • Вопрос задан
  • 1311 просмотров
Комментировать
Подписаться 3 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 4
andykov
@andykov
Shit happens
Mobile First
Ответ написан
Комментировать
Комментировать
web_Developer_Victor
@web_Developer_Victor
Что такое google?
Суть в том, что мобильные устройства более слабые, чем компьютеры и когда вы делаете по медиа запросам, то телефону нужно сначала отобразить desktop версию, а потом ещё и медиа запроси. А когда вы делаете по принципу mobile first, то телефону нужно отобразить только одну страничку, без медиа запросов, а компьютеры с этим и так справляется
Ответ написан
2 комментария
2 комментария
Taraflex
@Taraflex
Ищу работу. Контакты в профиле.
Для font-size и многих других свойств можно применить
https://gist.github.com/indrekpaas/7f22e44ace49b5124eec
Остальное решит scss
https://habr.com/post/156645/ (только пример, для боевого использования можно подобрать готовые отполированные библиотеки миксинов)
Ответ написан
Комментировать
Комментировать
sevirinov
@sevirinov
Web Developer
Mobile-first
Сначала пишите стили для мобильного устройства, как обычно без медиа-запросов
А уже для больших разрешений правите стили в медиа-запросах.
Ответ написан
3 комментария
3 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Frontend React
Glob-com
от 100 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Настроить доступ к Netflix
20 апр. 2024, в 18:04
3000 руб./за проект
Помочь настроить GeoIp у nginx для docker nginx:alpine
20 апр. 2024, в 17:55
3000 руб./за проект
Карточная игра "сумасшедшие восьмёрки" на winforms
20 апр. 2024, в 17:49
1500 руб./за проект
Ещё заказы