Задать вопрос
  • Проблема масштабирования адаптивной верстки на мобильных браузерах

    @fursanton1986
    mobi, если я использую запрос @media(max-width:12cm). Согласно вашей логике он должен преобразоваться в @media(max-width:453px) и можно просто использовать пиксели. Но такой стиль очевидно не должен примениться на экране смартфона, ведь ширина его экрана (в моём случае) 720px. Однако стиль применяется, так как на смартфоне браузер считает dpi=180, поэтому 12cm это 850px. Если повернуть телефон боком, то в горизонтальной ориентации стиль уже не применится, так как ширина экрана очевидно больше 850px.

    При зумировании конечно все элементы (и заданные в сантиметрах) увеличатся, это нормально. Но я ведь речь вёл не об этом. А о том, что на мобильных устройства более высокий dpi и это можно использовать задавая ширину в cm, а не px.
  • Проблема масштабирования адаптивной верстки на мобильных браузерах

    @fursanton1986
    mobi, зачем мне единички и нолики. Неправда ваша. Я вам по факту говорю. На мобильных устройствах будет не 96 (это для Windows), а другие значения. Не в браузере дело (они все должны более менее одинаково работать), а в самом устройстве и его dpi. Например на моём андроид-смартфоне браузер выдаёт значение 180dpi, а не 96dpi, поэтому и сантиметры высчитываются по другому. Конечно есть несоответствие с реальными физическими сантиметрами (ведь реальная плотность пикселей вообще 290dpi), но всё равно выражения media (max-width: 20cm) вполне хватает чтобы понять - маленький перед нами экран или большой. А это для читабельности как раз важно.
  • Проблема масштабирования адаптивной верстки на мобильных браузерах

    @fursanton1986
    mobi, сколько будет пикселей зависит от плотности экрана.Более менее абсолютная величина. 96px/in - это вроде дефолтное значение для Windows. Конечно браузер иногда берет значение dpi фиг знает откуда, но с помощью строчки media (max-width: 20cm) вполне можно отделить физически маленькие экраны (хотя и с большим разрешением) от ПК-мониторов. Вместо того, чтобы использовать сложные комбинации из 'px' и разных 'dpi' проще использовать именно сантиметры. Я не предлагаю использовать 'cm' для ширины элементов (может там они и неправильно работают), но именно в media-запросах они полезны.