第一种将图片的maxwidth数值px 数值设置成你的div2的宽度 第二种将图片作为div2的背景图， 这种可以不裁剪图片尺寸backgroundurl图片路径 center top norepeat。

image宽度设为100%就行了，高度会自动按比例缩放如果你想图片铺满div而无视图片长宽比例，那么把image高度也设为100%就行了但是这样image会变形，不推荐除非你确定图片长宽和div长宽同比例。

2在两个div中加入相同的图片， 这个时候需要在img 类中加入css语句设置一下div的高度和宽度，以及div的边框，然后就可以设置img的样式了3最后设置img的样式中图片的高度为auto，宽度为100%，这样就可以自适应浏览器了。

因为图片设置了float之后就脱离了文档流，可以理解为网页是一层一层重叠起来的，而现在图片和div不在一个层级了，所以div就覆盖了图片只需要在div上也加上float，让div和图片在同一层上，就ok了。

使html中div内的图片随屏幕大小调节的操作方法为，将div与img的宽度都设置为100%，代码如下lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot lthtml xmlns=quot ltheadltmeta。

原因浏览器在解析我们页面的时候，给这一串数字当成一个单词了，这样就不会自动切断字符串而进行换行方法用wordwrapbreakword和wordbreakbreakall 如 ltdiv style=quotwidth200pxwordwrapbreakwordword。