一般来说，通过css3，您可以直接定义不同分辨率的样式，例如下面的代码。
/*桌面*/@媒体全部和（最小宽度：1201px）{。标题桌面{显示：阻止！重要}。容器{宽度：1100px}/*笔记本电脑*/@mediaall和（最小宽度：980px）和（最大宽度：1200px）{。标题{显示：阻止！重要}。container{width:920px}
但是，上面的方法可能与旧版ie不兼容
所以你也可以通过js来识别当前页面的分辨率，给出更好更复杂的样式。有很多代码，但通常没有兼容性问题。
iphone网页的设计尺寸
iphone5的尺寸为640x1136px，分辨率为326ppi
iphone4和iphone4s的尺寸为640x960px，分辨率为326ppi
第一代、第二代和第三代iphone和ipodtouch的尺寸为320x480px，分辨率为163ppi
android网页的设计尺寸
320dp：普通手机屏幕（240x320320×480x800）
480dp：中型第三代和第四代ipad为2048x1536px，分辨率为264ppi，第一代和第二代ipad为1024x768px，分辨率为132ppi，迷你尺寸为1024x768px，分辨率是163ppi
