Подскажите по @media что то туплю

@cardo · Регистрация: 15.12.2015

Author24 — интернет-сервис помощи студентам

Всем привет. Что то я уже опух от работы и забыл
к примеру я делаю адаптацию под экраны до 414px я пишу @media (max-width: 414px)

вопрос, можно ли как то сделать конкретно под каждый экран свой медиа, чтобы было 414 и только под него чтобы 320 только под 320, хочу каждый экран углубленно адаптировать, глобально если писать то плывут

@PeterLS · 21.12.2018, 10:44

CSS

1	@media (min-width: 413px and max-width: 414px) {}

@cardo · 21.12.2018, 10:47 **[ТС]**

Спасибо и еще вопрос на сколько с точки зрения валидации и общих правил это будет правильно ?

@PeterLS · 21.12.2018, 10:50

С точки зрения валидации - правильно. А с точки зрения разумности - неправильно.
Стили, как правило, прописываются для таких разрешений:

CSS

@media (max-width: 575.98px) { ... }
@media (max-width: 767.98px) { ... }
@media (max-width: 991.98px) { ... }
@media (max-width: 1199.98px) { ... }

@cardo · 21.12.2018, 11:05 **[ТС]**

у меня тогда плывут, потому что никак не могу подогнать отображение, к примеру на 6 айфоне делаю, потом делаю под 6 plus и плывет на 6, добавлял еще классы дополнительные но не помогает

@gogolik · 21.12.2018, 12:36

Значит вёрстка в корне не адаптивная.

@cardo 23 / 21 / 5 Регистрация: 15.12.2015 Сообщений: 261
		1
	Подскажите по @media что то туплю 21.12.2018, 10:15. Показов 439. Ответов 5 Метки нет (Все метки) Всем привет. Что то я уже опух от работы и забыл к примеру я делаю адаптацию под экраны до 414px я пишу @media (max-width: 414px) вопрос, можно ли как то сделать конкретно под каждый экран свой медиа, чтобы было 414 и только под него чтобы 320 только под 320, хочу каждый экран углубленно адаптировать, глобально если писать то плывут 0

@cardo 23 / 21 / 5 Регистрация: 15.12.2015 Сообщений: 261
	21.12.2018, 10:47 [ТС]	3
	Спасибо и еще вопрос на сколько с точки зрения валидации и общих правил это будет правильно ? 0

@cardo 23 / 21 / 5 Регистрация: 15.12.2015 Сообщений: 261
	21.12.2018, 11:05 [ТС]	5
	у меня тогда плывут, потому что никак не могу подогнать отображение, к примеру на 6 айфоне делаю, потом делаю под 6 plus и плывет на 6, добавлял еще классы дополнительные но не помогает 0

@gogolik Модератор 2687 / 1759 / 760 Регистрация: 13.03.2010 Сообщений: 5,845
	21.12.2018, 12:36	6
	Значит вёрстка в корне не адаптивная. 0