1、在这个例子中，当屏幕宽度小于768像素时，我们将`backgroundsize`属性的值设置为`100% 100%`，这样图片会等比缩放，并在宽度上自适应屏幕大小。

2、1输入位置固定top0左0将整个div固定在屏幕的顶部和左侧2输入宽度100%身高100%最小宽度1000像素这个可以适合div的高度和宽度，而minwidth是在屏幕宽度在1000px以内的情况下，保持div的大小不变。

3、如果通过css设置背景图，那么图片尺寸要足够大，目前大宽屏1920左右，所以宽度最好设置为1920，然后居中如果通过div嵌入图片，那么将此div设置成绝对定位，zindex1万维网上的一个超媒体文档称之为一个页面外语。

4、首先用dw编辑器建立了一个静态页面 将建好的静态页命名为csshtml，标题为了“css如何设置图片大小自适应”在body中添加两个div，设置不能的宽度，并设class为div1和div2，目的是用一样的css控制图片的宽度在不同的宽度。

5、6最后在title标签下面插入style标签如下图所示，接着在style标签中编辑css样式，如下图所示，imgwidth100pxheightauto，这里表示把图片设置为100px宽auto表示高度根据图片比例自适应设置图片大小就完成了。

6、style=#39width50%#39 这样就会保持屏幕的50%的宽度如果有上级标签，比如ltdiv lt img src=#39aipg#39style=#39width50%#39 ltdiv 那图片大小就是div宽度的50%，div没有设置宽度就会默认是屏幕宽度，如果设置。

7、1，输入positionfixedtop0left0将整个div固定在屏幕的顶部和左侧2输入width100％height100％min－width1000px这个可以适合div的高度和宽度，而min－width是为了实现让屏幕宽度在1000px以内时。

8、至于老溢出的话有两种解决办法你可以设置图片的宽度为100%，这样图片就可以根据你的屏幕大小改变宽度了 你可以设置包在图片外部的div为100%，然后设置overflowhidden的属性，这样图片大了之后就会溢出隐藏，不会搞乱你的。

9、05 在HTML文件中加上对样式文件的引用，返回文件夹，双击HTML文件，发现浏览器的变化会引着图片一起变化，自适应屏幕的大小。

10、lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot lthtml xmlns=quot ltheadltmeta。

11、首先看你的背景图片大小，如果很大的话，一般情况下很多显示器都会显示的合适如果是想适应移动设备的，用一个CSS3属性 backgroundsizecover就可以了，可以将背景图根据窗口大小铺满整个浏览器窗口。

12、html5中是通过css3的backgroundsize来控制自适应的直接在图片代码里面设置style，例如ltimg src=quotxxxjpgquot style=quotmaxwidth100%quot2要么给图片统一一个class名例如responseimg，然后在css文件里面设置这个class h。

13、分析如下1页面大的时候它也变大但是大到它本身的尺寸的时候，再扩大页面它就不大了设置最大宽高为图片的宽高~代码如下ltdiv style=quotmaxwidth395px maxwidth744pxquotltimg src=quotimageszs_img01gifquot。

14、效果图片自动伸缩，不会超过屏幕宽度原理css控制图片的maxwidth代码要么直接在图片代码里面设置style要么给图片统一一个class名。

15、html图片水平自适应居中，如果你要用margin0 auto的话，要在外围建立一个大的div如ltdiv style=quotwidth500px height300px margin0 autoquot ltdiv style=quotwidht200px height100pxquotltimg src=quot图片地址。

16、css如何设置图片大小自适应1用dw编辑器建立了一个静态页面 2将建好的静态页命名为csshtml，标题为了“css如何设置图片大小自适应”3在body中添加两个p，设置不能的宽度，并设class为p1和p2，目的是用一样的css控制。

17、ltstyle type=quottextcssquot lt！ body backgroundimage url”图片地址“backgroundrepeat repeatx div1 margin0px auto width500px height370px textaligncenter backgroundurljscss。