zoukankan      html  css  js  c++  java
  • html+css 图片自适应

    background-size:cover | cotain 背景图

    object-fill: fill/ contain / cover / none / scale-down 

    • fill 默认值。内容拉伸填满整个content box, 不保证保持原有的比例。
    • contain: 保持原有尺寸比例。长度和高度中短的那条边跟容器大小一致,长的那条等比缩放,可能会有留白。
    • cover: 保持原有尺寸比例。宽度和高度中长的那条边跟容器大小一致,短的那条等比缩放。可能会有部分区域不可见。 none: 保持原有尺寸比例。同时保持替换内容原始尺寸大小。
    • scale-down:保持原有尺寸比例,如果容器尺寸大于图片内容尺寸,保持图片的原有尺寸,不会放大失真;容器尺寸小于图片内容尺寸,用法跟contain一样。

    今天处理自适应问题时,banner插入的图片 

    • weidth:100%
    • height:auto

    嗯哼,完全不对(看需求),应该高度一定 然后再自适应

  • 相关阅读:
    Java加密作业
    作业
    思考动手
    方法作业
    课堂2数字输出
    字符型转整形
    课堂验证作业
    Eclipse @override报错解决
    用注解配置动态代理
    动态代理模式
  • 原文地址:https://www.cnblogs.com/svvv/p/13449425.html
Copyright © 2011-2022 走看看