为什么在手机上使用WPBakery构建的页面在查看我的页面时文本字体大小很小,但是在桌面上同一页面却显示得很好?
我真的需要为每种设备类别(例如台式机,平板电脑肖像,平板电脑横向,智能手机纵向,智能手机横向)显式设置文本大小吗?
在电话上查看时,无论我如何处理这些列,似乎页面都显示为桌面。
我想念什么?
答案 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>
处阅读所有详细信息。