使用百分比，比如 lt img src=#39aipg#39style=#39width50%#39 这样就会保持屏幕的50%的宽度如果有上级标签，比如ltdiv lt img src=#39aipg#39style=#39width50%#39 ltdiv 那图片大小就是div宽度的50%。

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

一图片自适应 1 使用css进行图片的自适应 在web前端，也就是HTML中，如果只设置图片的宽度，那么高度会根据图片原本尺寸进行缩放如果后台返回的HTML代码中，不包含lthead标签，则可以直接在HTML字符串前加上一下面的。

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

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

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

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

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