1

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

我真的需要为每个设备类别(例如台式机、平板电脑纵向、平板电脑横向、智能手机纵向、智能手机横向)明确设置文本大小吗?

在手机上查看时,无论我如何处理这些列,该页面似乎都像桌面一样显示。

请问我错过了什么?

4

1 回答 1

0

像Avada这样的一些主题带有灵敏度设置,用于控制文本在设备视口缩小时缩小的速度。检查您的主题中是否有此设置。查看响应部分或询问您的主题支持团队。

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

例子

    /* 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/

于 2019-06-24T12:49:22.187 回答