CSS强制图片大小 CSS图片大小如何自动缩放

发布网友发布时间：2022-04-22 04:19

共5个回答

热心网友时间：2022-04-06 12:17

需要准备的材料分别有：电脑、chrome浏览器、html编辑器。

1、首先，打开html编辑器，新建一个html文件，例如：index.html。

2、其次，在index.html中的<style>标签中，输入css样式代码：body {background: url(image7.jpg) no-repeat;background-size: 250px;}。

3、最后，浏览器运行index.html页面，此时用CSS强制了图片占用250px宽度的大小并且是等比例自动缩放。

热心网友时间：2022-04-06 13:35

img{width:100%;height:auto;display:block;}

图片宽度100%，高度自适应，这样就达到了css图片大小自动缩放的目的

热心网友时间：2022-04-06 15:09

根据页面大小自动缩放的话，把页面高宽用百分比来写

热心网友时间：2022-04-06 17:01

img {
width: 100%;
}

热心网友时间：2022-04-06 19:09

可以用CSS控制啊