zoukankan      html  css  js  c++  java
  • css插入背景图片底部有白边的解决方法

      相信很多小伙伴遇到过用CSS插入背景图时,底部出现白边的情况,如下图:

       个人总结了2个方法如下:

      解决方法1:给图片都加上 vertical-align: middle属性。有时,移动端也会有类似的情况出现,如下图:

    这种情况在移动端出现时,也可以给图片加上这个属性,(一般适用于底部留白较少的情况)

    解决方法2:用PS软件把背景图片的高度调高一些,

           出现原因:可能是背景图片本身的高度不够,这种情况一般会出现底部留白较多,如下图:

     

     注:个人推荐移动端背景图片宽高为 750*1334,(以iPhone6为基准)

  • 相关阅读:
    观察者模式
    工厂模式
    单例模式
    代理模式
    策略模式
    Ioc容器
    Spring概述
    02:入门
    01:背景
    编译原理感悟
  • 原文地址:https://www.cnblogs.com/tu-0718/p/6841539.html
Copyright © 2011-2022 走看看