CSS设置背景图宽度100%,高度自适应
程序员文章站
2022-03-02 18:14:13
...
.newcenter{
width: 100%;
background: url('../../assets/img/newcenter.png') no-repeat;
background-size: 100% auto;
padding-top: 13%;
height: 0px;
}
原理是通过padding-top或者padding-bottom实现,值是背景图片的宽高比。高度设置为0.
上一篇: Linux服务器部署jar包
下一篇: spring boot 自定义文件配置
推荐阅读
-
不知大家遇到过这种问题么,一个层宽度设为100%,并设置背景图片,在浏览器中浏览,缩小窗口到滚动条出现,然后拖动滚动条到右侧,右侧的区域变成空白,怎么解决?_html/css_WEB-ITnose
-
IE下table设置高度100%却无效的情况_html/css_WEB-ITnose
-
css和css3弹性盒模型实现元素宽度(高度)自适应
-
CSS中为什么有的元素能够设置高度,而有的元素却不能设置高度与宽度?
-
微信小程序、html、css设置内容最小高度,超出自适应(自动延长)
-
css设置最小高度 然后自适应
-
ie和firefox中通用的设置div最小高度和达到这一最小高度后自适应的css代码
-
css display table 自适应高度、宽度问题的解决
-
从0开始html前端页面开发_CSS实现设置背景图自适应屏幕大小
-
css和css3弹性盒模型实现元素宽度(高度)自适应