zoukankan      html  css  js  c++  java
  • css3 transform:scale(x)实现字体的缩放:

    css3 transform:scale(x)字体的缩放:

    transform:scale(x),针对于整体的缩放,缩放的整体包括宽,高,背景。这自然对于内联元素就无法使用此属性,最好使用无属性的span转换成块元素或者行内块元素进行设置,这样保证外面元素不变的情况下实现自身的缩放。

    CSS:

    @media screen and (min-320px){font-size: 12px;}
    @media screen and (min-360px){font-size: 14px;}
    @media screen and (min-420px){font-size: 16px;}
    @media screen and (min-480px){font-size: 20px;}
    @media screen and (min-520px){font-size: 24px;}
    @media screen and (min-640px){font-size: 28px;}
    @media screen and (min-750px){font-size: 32px;}
    .font1{font-size: 1rem;}.displayIB{display:inline-block;}.scaleFont{transform: scale(0.58);}
    

    HTML:

    <p class="font1">测试<span class="displayIB scaleFont">888</span>测试</p>
    

  • 相关阅读:
    django模型系统(二)
    css基础
    css进阶
    django模型系统(一)
    自定义过滤器及标签
    django模板标签
    模板变量及模板过滤器
    第六章 异常
    第三章:多态
    第三章:提高系统性能:从数据访问开始
  • 原文地址:https://www.cnblogs.com/intelwisd/p/8431382.html
Copyright © 2011-2022 走看看