在html中如何设置div的的大小当图片尺寸超过div设置的大小的时候自动缩放，不适用img

具体步骤如下：

1、首先，先在代码中输入position:fixedtop: 0left: 0这样的作用是让整个图片固定在屏幕上。

2、之后，再把背景图片的大小自动适应DIV大小，当图片自动适应时，既可以就进行缩放。

3、输入background-size: cover-webkit-background-size: cover-o-background-size: cover使图片随屏幕大小同步缩放，如果图片太大就会进行缩放。

<div style="position:relativewidth:300pxheight:200pxborder:1px solid redfloat:left">

<img src="img/header_right.jpg" style="width:300pxheight:200px">

<div style="position:absolutetop:0pxleft:0px">这里放入内容1</div>

</div>

<div style="position:relativewidth:200pxheight:100pxborder:1px solid redfloat:left">

<img src="img/header_right.jpg" style="width:200pxheight:100px">

<div style="position:absolutetop:0pxleft:0px">这里放入内容2</div>

</div>

<div style="position:relativewidth:100pxheight:50pxborder:1px solid redfloat:left">

<img src="img/header_right.jpg" style="width:100pxheight:50px">

<div style="position:absolutetop:0pxleft:0px">这里放入内容3</div>

</div>

html简介：

超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

字符集：

在网页中除了可显示常见的ASCII字符和汉字外，HTML还有许多特殊字符，它们一起构成了HTML字符集。有2种情况需要使用特殊字符，一是网页中有其特殊意义的字符，如：；二是键盘上没有的字符。

HTML字符可以用一些代码来表示，代码可以有2种表示方式。即字符代码（命名实体）和数字代码（编号实体）。字符代码以&符开始，以分号结束，其间是字符名；数字代码也以&符开始，以分号结束，其间是#号加编号。

---