WPBakery-在电话上查看页面时,文本字体大小很小

时间:2019-06-23 11:38:37

标签: wordpress mobile desktop wpbakery

为什么在手机上使用WPBakery构建的页面在查看我的页面时文本字体大小很小,但是在桌面上同一页面却显示得很好?

我真的需要为每种设备类别(例如台式机,平板电脑肖像,平板电脑横向,智能手机纵向,智能手机横向)显式设置文本大小吗?

在电话上查看时,无论我如何处理这些列,似乎页面都显示为桌面。

我想念什么?

1 个答案:

答案 0 :(得分:0)

诸如 Avada 之类的某些主题带有灵敏度设置,用于控制随着设备视口缩小而缩小文本的速度。检查主题中是否有此设置。查看响应部分,或询问主题支持团队。

或者,如果您熟悉CSS。阅读字体大小单位。也许尝试将您当前的字体大小单位从 px 调整为 rem em (相对单位,而不是固定单位)。

示例

    /* CSS */
    body {
      font-size: 16px; /* Fixed base size. */
    }
    .responsive-text {
      font-size: 2rem; /* Relative to base size. 2x larger. */
    }

    <!-- HTML -->
    <div class="responsive-text">
      Hey, check me out! I don't shrink much on a mobile.
    </div>

https://css-tricks.com/almanac/properties/f/font-size/

处阅读所有详细信息。