在桌面電腦(nǎo)端，浏覽器的(de)分(fēn)辨率與電腦(nǎo)屏幕的(de)分(fēn)辨率是一緻的(de)。而智能手機的(de)屏幕分(fēn)辨率往往和(hé)手機浏覽器分(fēn)辨率不同，因爲手機的(de)屏幕相對(duì)來(lái)說比較小，如果要顯示高(gāo)清畫(huà)質，那麽它的(de)分(fēn)辨率就要高(gāo)。比如說，蘋果iPhone4手機的(de)屏幕分(fēn)辨率是640*960，而其自帶的(de)Safari浏覽器的(de)分(fēn)辨率卻隻有320*480。所以，我們在用(yòng)HTML5+CSS3開發移動網站和(hé)移動應用(yòng)時(shí)，就要注意了(le)。
假設，我們現在要針對(duì)蘋果iPhone4開發一個(gè)移動網站以及一個(gè)移動應用(yòng)，在做(zuò)移動網站時(shí)，我們這(zhè)樣寫樣式：
@media screen and (min-width:320px) and (max-width:480px){}
而在做(zuò)移動應用(yòng)時(shí)，我們得(de)這(zhè)樣寫樣式：
@media screen and (min-device-width:640px) and (max-device-width:960px){}
min-width和(hé)max-width：表示手機浏覽器的(de)最小寬度和(hé)最大(dà)寬度
min-device-width和(hé)max-device-width：表示手機屏幕顯示的(de)最小寬度和(hé)最大(dà)寬度
也(yě)就是說，如果我們用(yòng)HTML5開發，最後要封裝成應用(yòng)，那麽我們在開發時(shí)，要查詢的(de)是手機屏幕的(de)分(fēn)辨率；如果隻是開發移動網站，那麽我們需要知道的(de)是各手機浏覽器的(de)分(fēn)辨率。
我們可(kě)以通(tōng)過如下(xià)代碼檢測所用(yòng)的(de)浏覽器的(de)分(fēn)辨率：
<script type='text/javascript'> document.write("浏覽器分(fēn)辨率是"+document.documentElement.clientWidth+"*"+document.documentElement.clientHeight ); document.write("屏幕分(fēn)辨率是"+window.screen.width+"*"+window.screen.height); </script>
