Одиниця dppx використовується для позначення кількості точок на піксель. dppx може використовуватися для визначення екранів смартфонів та дисплеїв високої роздільної здатності.
1dppx=96dpi
Приклад
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>dppx</title> <style> body { background: url(/example/image/mushroom_landscape.jpg) center/cover fixed; }
@media screen and (min-resolution: 2dppx) { body { background: url(/example/image/mushroom_retina.jpg) center/cover fixed; }
}
</style>
</head>
<body>
</body>
</html>У цьому прикладі для екранів з роздільною здатністю не менше 2dppx встановлюється фонова картинка високої роздільної здатності.
Специфікація
| Специфікація | Статус |
|---|---|
| CSS Values and Units Module Level 4 | Робочий проект |
| CSS Values and Units Module Level 3 | Можлива рекомендація |
Специфікація
Кожна специфікація проходить кілька стадій схвалення.
- Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт. li>
- Candidate Recommendation (Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як вона відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.
- Proposed Recommendation (Пропонована рекомендація) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження.
- Working Draft (Робочий проект) — більш зріла версія чернетки після обговорення та внесення поправок для розгляду спільнотою.
- Editor's draft (Редакторська чернетка) — чорнова версія стандарту після внесення правок редакторами проекту.
- Draft (Чернов ік специфікації) — перша чорнова версія стандарту.
Браузери
| 12 | 29 | 12.1 | 16 |
| 5 | 16 | 12.1 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — властивість повністю підтримується браузером із усіма допустимими значеннями;
- — властивість браузером не сприймається та ігнорується;
Див. також