1

У меня возникают проблемы с пониманием, почему, когда я проверяю элемент в своем браузере (просмотр на 100%), он дает мне размер пикселя, который отличается от скриншота, открытого в фотошопе. Как вы можете видеть из прикрепленного изображения. Что здесь происходит? В приложении вы можете увидеть информацию всплывающей подсказки браузера и фотошоп, и они отличаются. Если смотреть в браузере на 100%, то они обязательно должны быть одинаковыми. Пиксель есть пиксель, не так ли? Между прочим, мое разрешение экрана составляет 1920 x 1200, и скриншот, открываемый в фотошопе, является именно этим. Так врет ли мой браузер?

http://postimg.org/image/4l5f1gidn/ Если я отсканирую это изображение на 100% и открою его в Photoshop, оно говорит, что оно составляет 350 x 350 пикселей, что дополнительно составляет 75%. Я не могу объяснить это.

2 ответа2

1

Размеры всегда относятся к текущему элементу - если он встроен на следующем более высоком уровне и там HTML (или CSS) говорит «растянуть, чтобы уместить», все растянется соответственно. Это может быть несколько уровней, поэтому трудно предсказать, насколько он будет велик в конце (одна из вещей, которая делает кодирование браузера таким сложным).

Ваш пример кажется растянутым на 75%.

0

ХОРОШО. Причина в том, что используемое устройство представляет собой планшет (вроде Surface Pro 3). По какой-то причине браузеры не отображают реальные пиксели, а «относительные» пиксели. Принимая во внимание, что Photoshop вычисляет фактические пиксели изображения.

Это разница между так называемым "аппаратным" пикселем и "опорным" пикселем, а «устройство-пиксельное отношение» этого устройства составляет 1,7

https://bjango.com/articles/min-device-pixel-ratio/ https://stackoverflow.com/questions/8785643/what-exactly-is-device-pixel-ratio

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