Vivianluolita
Vivianluolita
采纳率70.9%
2016-11-02 03:54

图片自适应,下面代码哪里有问题?

已采纳

我的代码必须加高度。可是自适应不用加高度的啊

 .TabListItem{
    overflow: hidden;
    zoom: 1;
}
.TabListItem .ListItem1{
    box-sizing: border-box;
    text-align: center;
    margin-top: 10px;
    margin-left: 82px;
    margin-right: 10px;
}
.TabListItem .ListItem1 .ItemIcon{
   border: 1px solid #efeff4;
}

.TabListItem .ListItem1 .ItemIcon span{
 /*   width: 100%;
    height: auto;*/
    display: block;
    background: url("../images/Mobile_bg0302.png") center center no-repeat;
    background-size:282px 285px;
 /*   height: 285px;*/
}
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

2条回答

  • qq_35437949 小金子~~~ 5年前

    背景图片自适应的话,background-size:100% 285px

    点赞 1 评论 复制链接分享
  • bomi16112 bomi16112 5年前

    背景图片自适应?background-size.IE9以上识别。background-size:100% auto;反之。background-size:auto 100%;高度铺满,宽度按比例。但是如果页面窗口resize的时候就需要再判断了,是按高度来还是按宽度来。所以应该用js判断一下

    点赞 1 评论 复制链接分享

相关推荐