Как работать верстальщику на FullHD экране, если верстка искажается из-за системного зума 125% и поэтому многое отображается на экране недостоверно?

Question

[FullstackWEB]

Для конечных пользователей можно использовать CSS-овский "@media (-webkit-min-device-pixel-ratio: 1.25)", но при создании верстки так не получится, особенно при верстании по PerfectPixel.



Какие проблемы наблюдаются при системном зуме 125%?
(а без него на экране все слишком мелкое и почти недостижимое глазу)



Верстальщики, как вы решаете эту проблему в своей работе?

Comments

[FullstackWEB]

Mesuti, это не по моему вопросу. Это о другом. Я знаю, что так в принципе можно делать, но как это решает проблему искажений/съезжаний верстки при необходимом системном зуме?

[FullstackWEB]

Mesuti, p.s. хочется работать за ноутбуком, монитор не возьмешь везде ссобой(
поэтому надо проблему как-то решать, а не избегать и заменять ее.
Тем более крышка ноутбука будет закрывать собой сам монитор

Answer 1

[15432]

Поставьте 100% и используйте "экранная лупа", если плохо видно. Или Print Screen + увеличить картинку в графическом редакторе. Или поставить виртуалку и включить в ней масштабирование. Много вариантов получить "настоящий FullHD" в смотрибельном варианте

Answer 2

[aamonster]

Дурацкий встречный вопрос: а что, вы хотите верстать так, чтобы нормально смотрелось только на 100%?
Как проверить в разных разрешениях – вам уже подсказал 15432.
Но чтобы не мучиться с переключением разрешения туда-сюда – можно поставить виртуальный монитор (понадобится специальная заглушка в hdmi порт (гуглится тоже по словам "виртуальный монитор) или хитрый драйвер) и смотреть на нём. Или вообще виртуальную машину с браузером и выставленными 100%.

Comments

[FullstackWEB]

Дурацкий встречный вопрос: а что, вы хотите верстать так, чтобы нормально смотрелось только на 100%?

Я об этом упомянул специально в самом начале: я буду использовать медиа-запрос, чтобы у посетителей сайта с зумом все так же было корректно. Но это только на экранах с зумом тогда все будет хорошо. А на экранах без зума пускай все будь как будет? А так речь вообще о точности верстки. Если экран в принципе недостоверен в размерах, то сверстать пиксель в пиксель не получится. Вообще в принципе, если верстка заведомо ломаная, то она по-любому не может быть референсной. (А значит...) Верстать нужно всегда на мониторах со 100% зумом. Верстать. А уже тестировать как оно будет на 125% зуме - это уже последний этап верстки - тестирование и адаптация. Но отталкиваться нужно от верстки на 100%-зумном экране. Это правило. А 125% зум - исключение. Которое тоже надо иметь в виду, но это лишь 1-3% от всей работы по верстке.

Вопрос не дурацкий, а очень актуальный.

Это как у дизайнеров вопрос цветопередачи. Одни рисуют дизайн в одном цветовом профиле, а другие потом работают с исходниками в другом цветовом профиле. И этому вопросу уделено вполне должное внимание... А тут аналогичная проблема в другой сфере - и хоть бы что нашлось в интернете...

[FullstackWEB]

Проблема виртуальной машины - большое потребление излишних ресурсов (ЦП, ОЗУ, ГП).
Должно же быть какое-то нормальное решение? Без виртуалки

[aamonster]

FullstackWEB, жалко ресурсов – ограничьтесь виртуальным дисплеем, благо, 10 винда умеет разный зум на разных мониторах.
Потребление – видеопамять под второй экран + проц/память под что-нибудь типа vnc.

Answer 3

[freeman0204]

Используй rem, em, почитай про это

Comments

[FullstackWEB]

Читал, знаю. Но как это помогает с этими сдвигами? Можете дать какие-то примеры, где видно, как они решают проблему на системных 125%-ах зума и для каких свойств они для этого прописаны?