【问题标题】:Scale font using css whether width or height changes使用css缩放字体宽度或高度是否变化
【发布时间】:2017-01-21 06:32:23
【问题描述】:

我知道 vh/vw 或 wmin/vmax 单位。但是,无论我的宽度或高度发生变化,我都无法缩放字体。也就是说,我只能在一种情况下使用 css 缩放字体 - 如果我想在宽度变化时缩放字体,那么我使用 vw,高度为 vh。有什么东西可以用于这两种情况吗?

对于这两种情况,您都可以使用 css 逻辑:

width:100vw;
height:50vw;
max-height: 100vh;
max-width: 200vh;

【问题讨论】:

    标签: html css font-size


    【解决方案1】:
    1. 1vw = 视口宽度的 1%
    2. 1vh = 视口高度的 1%
    3. 1vmin = 1vw 或 1vh,取较小者
    4. 1vmax = 1vw 或 1vh,取较大者

    【讨论】:

      【解决方案2】:

      我相信只有一个 vmin 和 vmax。

      vmin unit 等于‘vw’或‘vh’中的较小者。

      vmax unit 等于‘vw’或‘vh’中的较大者。

      via http://www.w3.org

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2019-02-03
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2015-01-21
        相关资源
        最近更新 更多