1

Допустим если я задаю:

@media (max-width: 480px) {
   свойства
}

То почему эти свойства могут применятся для телефона с разрешением 1920х1080?

Дело в viewport'e? Учитывается диагональ?

8
  • А где у вас селектор то ?). Как вы потом это применяете к нужному блоку?
    – heff
    6 дек 2016 в 7:15
  • @Geyan, у меня нормально все работает в примере на codepen. В чем проблема заключается? В каком браузере проверял? Выражения в примере на codepen отличаются от того, что в вопросе. И да, я перепутал с автором вопроса
    – Grundy
    6 дек 2016 в 7:19
  • @Geyan Не совсем понял вашего примера
    – A. Gusev
    6 дек 2016 в 7:23
  • @A.Gusev, Добавь конкретный пример css. А так же модель телефона, и версию его браузера
    – Grundy
    6 дек 2016 в 7:24
  • @A.Gusev смотря о каком устройстве идёт речь , к примеру если говорить о яблочных устройствах то у них всё через Ж.. и там вообще проблема в плотности пикселей и все размеры умножают на 2, если о других устройствах то вот эта статья очень полезная : habrahabr.ru/company/google/blog/173861
    – user33274
    6 дек 2016 в 7:28

1 ответ 1

1

Данный @media элемент будет применен для любой ширины в браузере, напимер если на десктопе уменьшить до 480 пикселей, то буднт применен данный стиль, так что дело обстоит только в ширине браузера

1
  • Да, но вопрос в том, почему браузер говорит что ширина 480px, если ширина экрана устройства 920px
    – A. Gusev
    6 дек 2016 в 9:04

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.