文件名称:
详解HTML5中的picture元素响应式处理图片
开发工具:
文件大小: 163kb
下载次数: 0
上传时间: 2020-12-14
详细说明：响应式设计
所谓的响应式设计，是指在不同的屏幕分辨率，不同的像素密度比，不同宽度的终端设备中，网页布局可以自适应的调整。响应式设计的本意是使原本PC上的网站兼容移动终端，大部分响应式网页是通过媒体查询，加载不同样式的CSS文件实现的。这样的弹性化布局使网站在不同的设备终端布局都比较合理。
虽然响应式设计的好处多多，但是也有诸多缺陷。由于PC端和移动终端访问的是同一个网站，PC端可以不计较流量限制，但是移动端不可能不计较。
为适配不同终端机型的屏幕宽度和像素密度，我们一般会使用如下方法设置图片的CSS样式：
