为什么在手机上查看我的页面(用WPBakery构建)时,文本字体很小,但在桌面上显示得很好?
我真的需要为每一类设备(例如桌面、平板电脑、平板电脑景观、智能手机肖像、智能手机景观)显式设置文本大小吗?
当你在手机上看到这个页面时,它看起来就像一个桌面,不管我是怎么处理这些列的。
我错过了什么?
发布于 2019-06-24 12:49:22
像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/
https://stackoverflow.com/questions/56723484
复制相似问题