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

2、感觉上放大或者缩小是你心里的作用，这个和布局一样，就跟你在家用个22寸的显示器和你去商场看个22寸的显示器一样，大小没有变，但是周围的环境大了所以你会感觉大小变了 至于老溢出的话有两种解决办法你可以设置图片的。

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

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

5、6写样式用quotpingmuquot开始写，给它固定宽高，再添加背景色，让p自适应宽高，超过部分显示滚动条7将这个css样式保存到同级目录下，如ceshihtml在c盘，css样式也保存在c盘8保存好样式后，双击这个。

6、我们就可以利用这个特性，实现移动端的宽高等比自适应容器HTML代码ltdiv class=quotboxquot ltimg src=quotpngquot ltdivcss代码* margin0 padding0box。

7、coords 中的值只能是数字，你的问题可以用 JavaScript 来解决 页面加载的时候，用 JavaScript 获取图片的尺寸，例如 500 * 300，当图片尺寸发生改变的时候再获取一次，例如 400 * 240，获取比例，400 500 = 08然后。

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

9、图片加上imgresponsive类名 Bootstrap，来自 Twitter，是目前很受欢迎的前端框架Bootstrap 是基于 HTMLCSSJavaScript 的，它简洁灵活，使得 Web 开发更加快捷 它由Twitter的设计师Mark Otto和Jacob Thornton合作开发。

10、lth2html图像标签怎么使用lth2 ltimg src=quotpicpngquot alt=quotPulpit rockquot width=quot304quot height=quot228quot ltbody lthtml 如果图像指定了高度宽度，页面加载时就会保留指定的尺寸如果没有指定图片的大小，加载页面时。

11、图片的width属性用百分比写，100%之类的，这样就是相对的大小，就可以自适应屏幕。

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

13、用CSS3 @media 查询 也叫“媒体查询”语法aaawidth1200px 正常样式 下面是分辨率最小为300px，最大分辨率为1024px的样式 media screen and minwidth 300px and maxwidth1024px aaaw。

14、html中img 图像元素 的大小默认是图片的实际大小，当更改其中一个值时，图片按比例缩放只能在外层元素中使img元素自适应大小小程序中可以使用mode属性设置显示模式CSS3 中可以使用objectfit和objectposition进行自适应。

15、PS当然也有一些方法，比如css3的flexbox布局使用flex布局，可以非常方便地实现各种自适应布局但是，它只适用于移动终端只有PC端的高版本浏览器兼容，低版本浏览器不兼容HTML多行文本框怎么设置宽度1首先打开H。