devicePixelRatio

window.devicePixelRatio - щільність пікселів екрану.

Синтаксис:

window.devicePixelRatio

Параметри:

window - не обов'язково вказувати. Об'єкт window.

Опис:

devicePixelRatio властивість об'єкту window яка повертає щільність пікселів дисплея.

Щільність екрану відноситься до числа пікселів пристрою на фізичній поверхні. Вона часто вимірюється в пікселях на дюйм (PPI). Apple , придумав маркетинговий термін "Retina" для своїх дисплеїв подвійної щільності.

Значення повертається з плаваючою крапкою яке описує скільки фізичних пікселів займає для подання апаратно - незалежний піксель.

Зверніть увагу що window.devicePixelRatio спочатку було незмінним значенням але тепер значення може змінюватися при масштабуванні сторінки тощо.

Приклад:

alert('devicePixelRatio: '+window.devicePixelRatio);

Приклад зміни розміру зображення відносно щільності пікселів:

 if( window.devicePixelRatio>1 ){
var img=document.getElementsByName('img');
for(i=0; i<img.length;i++){
img[i].width=img[i].width/2;
img[i].height=img[i].height/2;
}
}