css具有媒体响应功能，可以判断屏幕宽度，从而加载设置的css
如下代码，当宽度小于1000px的时候加载css下的css-mobile.css
<link href="css/css-mobile.css" rel="stylesheet" type="text/css" media="screen and (max-width: 1000px)">如下代码，当宽度大于1000px的时候加载css下的css-pc.css
<link href="css/css-pc.css" rel="stylesheet" type="text/css" media="screen and (min-width: 1000px)">你说的是分别引用不同的css文件吗当宽度小于640px的时候加载css下的css-mobile.css
<link href="css/css-mobile.css" rel="stylesheet" type="text/css" media="screen and (max-width: 640px)">
当宽度大于640px的时候加载css下的css-pc.css
<link href="css/css-pc.css" rel="stylesheet" type="text/css" media="screen and (min-width: 640px)">
将img的宽高设置成100%。层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言，不管容器有多大，只要将img的宽高设置成100%就能自适应容器大小，CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
