六子技术网首页

六子技术网

  • 网站首页
  • HTML/CSS
  • javascript
  • seo优化
  • PS美工
  • 系统安全
  • 漏洞预警
  • 编程学习
  • 原创专区
  • 【六子技术网】是一家综合技术门户,为您提供网站建设,编程开发,安全维护,漏洞预警等技术文章

    技术文章MAP

    文章

    css保持图片自适就与图片比例的办法

    日期:2019/12/2 12:24:50来源分类:HTML/CSS

    页面即要保持响应式的结构又要保持图片的某全比例不变,解决方法:

    html代码:

    <div class="img-responsive">

        <img src="http://www.liuzi.net/users/mrbc-baeee.png"

        />

    </div>

    css代码:

    .img-responsive {

        max-width: 100%;

        height: 0;

        padding-bottom: 60%;

        background-color:#ff0000;

        overflow: hidden;

    }

    .img-responsive img {

        width: 100%;

    }

    本文由六子技术网小编:小熊编辑整理 - 转载请注明来源 - http://www.liuzi.net/htcss/html/3989.html

    随机推荐

    • 该分类还没有添加任何内容!
    • 该分类还没有添加任何内容!

    Copyright 2005-2019 【六子技术网】 版权所有 黑ICP备16886888号

    声明:本站所有文章来自互联网 如有异议 请联系本站管理员