自适应网站,因文章内容上传图片宽高比例不统一,列表页调用图片展示不整齐。
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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐