为什么在手机上查看我用 WPBakery 构建的页面时,文本字体很小,但在桌面上显示相同的页面却很好?
我真的需要为每个设备类别(例如台式机、平板电脑纵向、平板电脑横向、智能手机纵向、智能手机横向)明确设置文本大小吗?
在手机上查看时,无论我如何处理这些列,该页面似乎都像桌面一样显示。
请问我错过了什么?
像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/