?
本文檔使用
php中文網(wǎng)手冊(cè) 發(fā)布
普通屏幕通常包含96dpi,一般將2倍于此的屏幕稱之為高分屏,即大于等于192dpi的屏幕,比如Mac視網(wǎng)膜屏就達(dá)到了192dpi(即2dppx),打印時(shí)一般會(huì)需要更大的dpi;
1dppx = 96dpi
1dpi ≈ 0.39dpcm
1dpcm ≈ 2.54dpi
1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px
示例代碼:
@media screen and (min-resolution: 96dpi) { ... } @media print and (min-resolution: 300dpi) { ... }
IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|
6.0-8.0 | 2.0-3.4 | 4.0-28.0 | 3.1-8.1 | 15.0+ | 3.2-8.1 | 2.1-4.4.4 | 18.0-29.0 |
9.0+ | 3.5+ | 29.0+ | 29.0+ |
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>dpi_CSS參考手冊(cè)_web前端開發(fā)參考手冊(cè)系列</title> <meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" /> <style> @media screen and (min-resolution: 192dpi) { .normal{display:none;} } @media screen and (min-resolution: 72dpi) and (max-resolution: 191dpi) { .retina{display:none;} } </style> </head> <body> <p class="retina">視網(wǎng)膜屏</p> <p class="normal">普通屏</p> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例