CSS设置背景图宽度100%，高度自适应

.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.

工作在上海，大家多多交流，qq交流群（1126665885）

CSS设置背景图宽度100%，高度自适应相关推荐

html设置背景图片高度自适应屏幕,CSS设置背景图宽度100%，高度自适应
div的高度随背景图片的高度变化: 原理是通过padding-top或者padding-bottom实现,值是背景图片的宽高比.高度设置为0..newcenter{ width: 100 ...
CSS 背景图片宽度100% 高度自适应
.bg{width: 100%;height: 100%;background-image: url("../../public/img/bg.png");background-s ...
css 设置背景图一半_img只显示图片一部分或 css设置背景图片只显示图片指定区域...
17:14 2016/3/22 img只显示图片一部分或 css设置背景图片只显示图片指定区域 background-position: 100% 56%; 设置背景图片显示图片的哪个坐标区域,图片 ...
css 设置背景图一半_css怎么背景图片显示不全？
css设置背景图片显示不全是因为背景图片过大导致的,我们可以通过设置div大小大于背景图片或使用background-size属性设置背景图片小于div大小使背景图片显示完全. 其中导致背景图片显示不 ...
css 设置背景图一半_CSS背景图设置
一.背景图设置使用背景图片,设置为全屏方式1:全部使用background设置 body{ background-image: url(bg.jpg); background-size: 100% ...
css设置宽高相等，高度自适应
文章目录 1.img设置宽度后,高度可以根据图片的原始尺寸自动得出 2.可以设置宽度,然后设置宽高比来得出高度参考链接 1.img设置宽度后,高度可以根据图片的原始尺寸自动得出 2.可以设置宽度,然 ...
css 设置div的宽度根据内容自适应
css设置: width:fit-content; 实现div居中,宽度自适应: margin: 0 auto; width:fit-content;
怎么调整html文本域宽度和高度,如何使用CSS设置textarea的宽度和高度？
这是我的css: .editor-field textarea { width : 400; height : 100px; } 这是我的观点的标记: @Html.EditorFor(model =& ...
html+css设置背景图移动以及人物行走的动画效果
下面展示一些内联代码片. <style>* {margin: 0;padding: 0;}img {display: block;}.contenter {/* 宽度设定,会出现空白 * ...

CSS设置背景图宽度100%，高度自适应

CSS设置背景图宽度100%，高度自适应相关推荐

最新文章

热门文章