在桌面电脑端浏览器的分辨率與电脑屏幕的分辨率是一致的。而智能手机分辨率的屏幕分辨率往往和手机分辨率浏览器分辨率不同因为手机分辨率的屏幕相对来说比較小，如果要显示高清画质那么它的分辨率就要高。比如说苹果iPhone4手机分辨率的屏幕分辨率是640*960，而其自带的Safari浏览器的分辨率却只有320*480所鉯，我们在用HTML5+CSS3开发移动网站和移动应用时就要注意了。

假设我们现在要针对苹果iPhone4开发一个移动网站以及一个移动应用，在做移动网站時我们这样写样式：

而在做移动应用时，我们得这样写样式： min-width和max-width：表示手机分辨率浏览器的最小宽度和最大宽度

min-device-width和max-device-width：表示手机分辨率屏幕显示的最小宽度和最大宽度也就是说如果我们用HTML5开发，最后要封装成应用那么我们在开发时，要查询的是手机分辨率屏幕的分辨率；如果只是开发移动网站那么我们需要知道的是各手机分辨率浏览器的分辨率。