div背景图片大小随div大小变化而变化，可以指定背景图片的尺寸来实现，详细方法如下CSS样式文件中，针对img标签添加backgroundsize属性 详细操作如图backgroundsizecover属性的作用详解他的作用是，把背景图像扩展至。

在demo中，我们看到的背景图的实际尺寸为5498px * 3615px，使用这么大尺寸图片的目的是满足绝大多数宽屏显示器，并且不会显示模糊，而代价就是17MB的图片体积但是在移动设备上没有必要使用这么大的图片，同时大图还会导致。

min980pxcss文件里要用百分比的方式来布局，这样布局就自适应了，另外字体的大小也要用自适应才行，如大小用em做单位当布局缩小时，布局也有相应的改变，如隐藏一些不大重要的内容最好就是找一些响应式网页设计的书籍。

centerimgBox， imgBox imgwidth100%height100%如上代码可以实现，把图片换一下就OK了，希望可以帮到你。

原则6设计稿宽度为640px宽度，切图保存写css时 将px大小除20换算出来的就是你要写的rem的大小至于js部分，只能一样画葫芦，跟着照写就行，靠自己领悟再次强调要了解rem的单位和px单位的区别。

coverobackgroundsize cover使图片随屏幕大小同步缩放，但是有部分可能会被裁切，不过不至于会露白，下面两句是为chrome和opera浏览器作兼容4输入backgroundposition center 0使图片的位置，居中，靠左对齐。