如果宽为100%，高为100/16*9 = 56.25%
*{
margin: 0;
padding: 0;
}
div{
width: 100%;
height: 0;
padding-bottom: 56.25%;
background-color: red;
}
如果宽为100%，高为100/16*9 = 56.25%
*{
margin: 0;
padding: 0;
}
div{
width: 100%;
height: 0;
padding-bottom: 56.25%;
background-color: red;
}
如果宽为100%，高为100/16*9 = 56.25%
css单位：％，ｐｘ，ｅｍ，ｒｅｍ，ｖｗ，ｖｈ等 ｅｇ：设置一个矩形的宽高比为１６:９，并且岁屏幕宽度自适应时，除...
一、宽高自适应 1.宽度自适应 语法：width:100%; 注：1.块元素默认宽度为100%，继承父元素的宽度2...
1、自适应宽高 （1）块级元素宽度设置为100%，或者不设置，默认为父元素的宽 （2）高度自适应：不设置父元素的高...
上次面试提到了一个css布局：实现左列定宽，右列自适应宽度，等高布局上次没有答出来，只实现了左列定宽，右列自适应宽...
CSS3 vw 单位 100vw = 100% 视窗宽度100vh = 100% 视窗高度 这样实现自适应正方形(...
1、css实现图片自适应宽高 主要使用padding-bottom，该属性是基于父元素宽度百分比的； 2、什么是B...
CSS div不定宽高，如何实现宽高比例1:1 div不定宽高，实现垂直居中 div不知道宽高且display:n...
给图片宽度自适应auto，定高，高=视宽document.documentElement.clientWidth*...
高/宽比例 2:1 ~~~0.50 16:9 ~~~0.5625（1280720&&15601440） 4:3 ...
本文标题：CSS实现宽度自适应100%，宽高16:9的比例的矩形
本文链接：https://www.haomeiwen.com/subject/ycogcctx.html
网友评论