CSS如何让背景图兼容各种类型的手机

例:签到牌子(背景图)

html结构

<item盒子>

<背景图></背景图>

</文字></文字>

</文字></文字>

</item盒子>

css样式

item盒子{

width:22%;

height:100px;

margin-left:2%;

float: left;

}

背景图:{

position: relative;

    width: 100%;

    height: 100%;

    background-image: url(/static/img/btn-icon@2x.2505a94.png);

    background-size: contain;

    background-repeat: no-repeat;

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 各种纯css图标 CSS3可以实现很多漂亮的图形,我收集了32种图形,在下面列出。直接用CSS3画出这些图形,要比...
    剑残阅读 9,700评论 0 8
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,337评论 0 11
  • 1. tab列表折叠效果 html: 能源系统事业部 岗位名称: 工作地点 岗位名...
    lilyping阅读 1,899评论 0 1
  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 1,628评论 0 6
  • 健康快乐是幼儿身心和谐发展的前提,也是幼儿的幸福之源、快乐之本,是美好人生的基础。 研究证明,2-5岁的儿童中,经...
    舍得LL阅读 922评论 0 8