WPBakery

Question

为什么在 phone 上查看我使用 WPBakery 构建的页面时文本字体很小，但同一页面在桌面上显示正常？

我真的需要为每类设备（例如台式机、平板电脑纵向、平板电脑横向、智能phone 纵向、智能phone 横向）明确设置文本大小吗？

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

请问我错过了什么？

Answer 1

像 Avada 这样的一些主题带有 灵敏度 设置来控制文本随着设备 viewport 收缩的速度缩小。检查您的主题中是否有此设置。查看响应部分或询问您的主题支持团队。

或者，如果您对 CSS 感到满意。阅读 font-size 个单元。也许尝试将您当前的 font-size 单位从 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/

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

WPBakery - Text Font Size Tiny When Page Viewed on Phone

wordpress

mobile

desktop