还原页面时遇到的一个小问题,
.bg
中无内容,但是有个背景图,需要宽度100%,高度自适应,请问应该如何设置?移动端页面,需要考虑不同尺寸。
<div class='bg'></div>移动端让图片宽度100%,高度自适应,一般解决方案是什么?用JS算?能不能用css实现
顺便问一句,类似于这种是用background好还是<img src='./source'>好,各自适用哪些场景?
easy
或者用.bg:empty:after{}
显示背景
移动端需要一个高度满屏的背景?
js获取并设置div的高度
再用CSS 的 background-size:cover
设置满屏
如果是纯图片展示img设置width:100%就好;如果作为背景,在父元素上设置background-size:100% auto,高度由padding-top设置百分比撑开,然后子元素通过绝对定位来承载其它内容