2013-05-05 4 views
16

Я искал по сети, чтобы найти поддержку браузера для window.devicePixelRatio, без большой удачи.window.devicePixelRatio поддержка браузера

Кто-нибудь знает, что это за устройства/устройства?

+0

, если вам нужно поддерживать новые IOS или андроидов, то это должно работать. Логически я бы сказал, что любое устройство с соотношением пикселей, которое больше 1, должно поддерживать это, но кто знает ... что вам нужно делать? Возможно, есть другие способы решения вашей проблемы: – Huangism

ответ

8

Согласно this блоге: (с 2012)

  • window.devicePixelRatio в основном доверия в большинстве браузеров.
  • На устройствах iOS умножьте devicePixelRatio на screen.width, чтобы получить количество физических пикселей.
  • На устройствах Android и Windows Phone разделите screen.width на devicePixelRatio, чтобы получить количество пропусков.

2017 ОБНОВЛЕНИЕ:

Это свойство возвращает отношение разрешения в физических пикселей на разрешение в пикселях CSS для текущего устройства отображения. Это значение также можно интерпретировать как отношение размеров пикселей: размер одного пикселя CSS к размеру одного физического пикселя.

Desktop браузеры поддерживают:

 
Chrome Edge Firefox Internet Explorer Opera Safari 
49  (Yes) 49   11     41  9.1 

Мобильные браузеры:

 
Android  Edge Firefox  IE Mobile Opera Safari Mobile 
4.4   (Yes) ?   ?   all  9.3 

Draft Spec

+1

Связанная статья * * с 2012 года. Так что это немного устарело. – the0ther

+0

Примечание: «На устройствах iOS умножьте devicePixelRatio на screen.width, чтобы получить количество физических пикселей» больше не верны - это дает неверный результат на iPhone 6+, 6s + и 7+ из-за понижающей дискретизации. – Jules

Смежные вопросы