自适应网站,因文章内容上传图片宽高比例不统一,列表页调用图片展示不整齐。
css设置宽度与高度比例举例:
html

<div class="banner">

<div>

</div>

css

.banner{

width:100%;

padding-bottom:100%;

position:relative;

}

.banner div{

width:100%;

height:100%;

position:absolute;

left:0;

top:0;

}

上面代码巧妙的实现了高度百分之百。更改padding-bottom的值即可实现高度为宽度的百分之多少。
我还没验证,有时间验证后再补充。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐