zoukankan      html  css  js  c++  java
  • background-sizi (转)

    http://www.cnblogs.com/greenteaone/archive/2012/08/28/2659878.html  (原创作者链接地址  )

     Background-Size:[ <length> | <percentage> | auto ]{1,2} | cover | contain

    background-size指定背景大小,以象素或百分比显示。当指定为百分比时,大小会由所在区域的宽度、高度,以及background-origin的位置决定。还可以通过cover和contain来对图片进行伸缩。

    background-size可以设置2个值,1个为必填,1个为可选。第1个值用于指定背景图的width,第2个值用于指定背景图的height。

    如果只给background-size设置1个值,则第2个值默认为auto(cover和contain特定值除外)。

     
    <length>:设置背景图片的高度和宽度(单位:px)。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为“auto”,

                   例如:background-size: 100px 200px;背景宽100px,高200px;

    <percentage>:设置背景图片的高度和宽度(单位:%)。第一个值设置宽度,第二个值设置的高度。如果只给出一个值,第二个是设置为“auto”

                   例如:background-size: 100% 100%;背景充满

    cover: 缩放图像的最小值,其宽度和高度都能放入内容区域

    contain:缩放图像的最大值,其宽度和高度都能放入内容区域

    效果如下:

  • 相关阅读:
    n9多媒体不显示图片处理方法
    STM32全球唯一ID读取方法
    VS2008+QT+CYAPI开发USB程序问题
    QT对话框中show和exec的区别
    华硕T20信号差的解决办法
    使用JTAG方式配置EPCS芯片时显示容量不够的解决方法
    QT中使用中文
    MODBUS CRC16
    递归的四条基本法则
    Java代码混淆和加密Jocky
  • 原文地址:https://www.cnblogs.com/loushiqiang/p/6202309.html
Copyright © 2011-2022 走看看