四响应式布局ResponsiveLayout随着CSS3出现了媒体查询技术，又出现了响应式设计的概念响应式设计的目标是确保一个页面在所有终端上各种尺寸的PC手机手表冰箱的Web浏览器等等都能显示出令人满意的效果，对CSS。

如何在手机上开发页面和webhtml有区别吗两者没有区别在手机上开发网页有很多方法目前html5的发展不够均衡，导致各大浏览器对h5的支持都不尽如人意但是它增加了@media属性它属于css3，这里不严格区分html5和css3。

缺点如果屏幕尺度跨度太大，那么在相对其原始设计而言过小或过大的屏幕上不能正常显示因为宽度使用%百分比定义，但是高度和文字大小等大都是用px来固定 3响应式布局 使用meta标签设置，页面元素宽度随窗口调整自动适配。

1响应式图片带宽是手机终端的硬伤，如果我们只是页面布局做了响应式处理，在我们用手机访问时，请求的图片还是PC上的大图文件体积大，消耗流量多，请求延时长，因此导致的问题也是不可估量的那么我们就得把图片也处理成响应式的根据终端。