美文网首页
手机网页图片自适应大小 background-size css

手机网页图片自适应大小 background-size css

作者: BugMyGod | 来源:发表于2018-05-15 15:21 被阅读0次

    思路:图片不要设置为div的background,因为你设置了background-size,但是div的height没设置,一样没用,除非写个js判断,动态刷新。
    换一种思路,直接用<img>显示出来,这样div作为父容器就被撑大,就不需要div的高度设置了。
    然后就看图片,如果宽要全部显示,就设置为width:100%,height:auto,反之就设置为width:auto, height:100%.
    代码:

    <div><img class="fullimg" src="../images/solution/try1001banner.png" /></div>  
    
    .fullimg{margin:0;padding:0;width:100%;height:auto;} 
    

    相关文章

      网友评论

          本文标题:手机网页图片自适应大小 background-size css

          本文链接:https://www.haomeiwen.com/subject/kptydftx.html