@olya_097

А для чего @retina-dpi:144dpi; @retina-dppx:1.5dppx; и как часто используется и для чего @media(min-resolution: ??

А для чего

@retina-dpi:144dpi;
@retina-dppx:1.5dppx;

и для чего @media(min-resolution: ?
и как часто используется?
  • Вопрос задан
  • 943 просмотра
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
про retina-dpi:144dpi слышу впервые. а вот мин-резолюшн это вполне нормальное правило. Используется для подгонки дизайна под разную плотность дисплеев
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
alex-1917
@alex-1917
Если ответ помог, отметь решением
Так ли :
spoiler
/*==========  Mobile First  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px){}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px){}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px){}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px){}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px){}


Эдак ли:
spoiler
@media only screen and (max-width:1199px){}
@media only screen and (max-width:991px){}
@media only screen and (max-width:767px){}
@media only screen and (max-width:479px){}


Все железобетонно работает и без указания плотностей, проверено и проверяется на:
1. айфоны 4s, 5s, 6s, 8, X
2. айпады 9'7 все, начиная с iPad 4 плюс ПРОшка 2017 12'9
3. какие-то самсунги с каждого года по одной не-топ модели в кол-ве 4шт
3. какие-то lg в кол-ве 6шт
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы