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

如题所述

需要准备的材料分别有:电脑、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宽度的大小并且是等比例自动缩放。

温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2017-11-23
img{width:100%;height:auto;display:block;}

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

本回答被网友采纳
第2个回答  2016-11-25
根据页面大小自动缩放的话,把页面高宽用百分比来写
第3个回答  2016-11-25
img {
    width: 100%; 
}

第4个回答  2016-11-25
可以用CSS控制啊
相似回答