在桌面电脑端，阅读器的分辩率与电脑屏幕的分辩率是分歧的。而智妙手机的屏幕分辩率常常和手机阅读器分辩率差别，由于手机的屏幕绝对来讲比拟小，若是要显现高清画质，那末它的分辩率就要高。比方说，苹果iPhone4手机的屏幕分辩率是640*960，而其自带的Safari阅读器的分辩率却只要320*480。以是，咱们在用HTML5+CSS3开辟挪动网站和挪动利用时，就要注重了。
假定，咱们此刻要针对苹果iPhone4开辟一个挪动网站和一个挪动利用，在做挪动网站时，咱们如许写款式：
@media screen and (min-width:320px) and (max-width:480px){}
而在做挪动利用时，咱们得如许写款式：
@media screen and (min-device-width:640px) and (max-device-width:960px){}
min-width和max-width：表现手机阅读器的最小宽度和最大宽度
min-device-width和max-device-width：表现手机屏幕显现的最小宽度和最大宽度
也便是说，若是咱们用HTML5开辟，最初要封装成利用，那末咱们在开辟时，要查问的是手机屏幕的分辩率；若是只是开辟挪动网站，那末咱们须要晓得的是各手机阅读器的分辩率。
咱们能够经由过程以下代码检测所用的阅读器的分辩率：
<script type='text/javascript'> document.write("阅读器分辩率是"+document.documentElement.clientWidth+"*"+document.documentElement.clientHeight ); document.write("屏幕分辩率是"+window.screen.width+"*"+window.screen.height); </script>
