使html中div内的图片随屏幕大小调节的操作方法为，将div与img的宽度都设置为100%，代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<title>图片大小自适应</title>
<style type="text/css">
div,img{ width:100%}
</style>
</head>
<body>
<div>
<img src="20150930010349.jpg" />
</div>
</body>
</html>
效果图如下：
特别说明：
要图片跟随屏幕大小显示，可以将图片与div的宽度调整为100%，并且body不设置宽度（或者也设置为100%），在使用不同屏幕浏览网页时，图片将自动铺满屏幕。
有用记得采纳
具体步骤如下：
1、首先，先在代码中输入position:fixedtop: 0left: 0这样的作用是让整个图片固定在屏幕上。
2、之后，再把背景图片的大小自动适应DIV大小，当图片自动适应时，既可以就进行缩放。
3、输入background-size: cover-webkit-background-size: cover-o-background-size: cover使图片随屏幕大小同步缩放，如果图片太大就会进行缩放。
