此时的css可以写成imgbox imgwidth100% 这样，图片的大小就会根据其父级容器的大小而变化另外，建议只设置宽度的百分比，不定高度因为只要定义的宽度，图片伸缩的时候就会等比例变化，不至于引起图片变形。

最简单的方法，保证管用，你把那个图片写在div里面的背景里，也就是backgroundurlimg1jpg center norepeat 这样就能够自适应屏幕大小了，而且不会出现横向的滚动条。

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

手机响应式布局，是获取屏幕尺寸，在某个区间用一种css，另个区间用另一种css需要用@media写多份css的无法做到真正的随屏幕变化而变化而的用法是随着屏幕的大小，自动把页面自适应到屏幕的大小这个是管用的em是。

写一个小例子给你看看，你就明白了 html内容如下 左边的内容 右边的内容css内容如下leftwidth200pxfloatleftmarginright200pxbackground #00ca57rightwidth100%floatleftright_contentma。