【发布时间】：2019-01-17 06:01:48
【问题描述】：
堆栈社区， 关于我的文字在移动设备上的显示方式，我有一个奇怪的问题。
更改@media 中的行高没有帮助，我不知道该怎么做。 文本在顶行被剪切，添加填充或边距没有帮助。在谷歌开发工具中，预览看起来不错，一旦在我的手机上打开，文本就会被剪切。
可能是什么原因？我该如何解决？
截图： screenshots uploaded to imgur
感谢您的帮助。
【问题讨论】：
【发布时间】：2019-01-17 06:01:48
【问题描述】：
你必须使用@media query max-width:whatever px; 去掉你的 css h1 标签中的 line-height;
【讨论】：
Visual Composer 生成您的样式文件和以下代码导致问题：
@media only screen and (max-width: 690px)
body .row .col.section-title h1, body h1 {
line-height: 24.7px;
}
如果您无法从可视化作曲家设置中更改它，您可以通过以下方式覆盖它：
@media only screen and (max-width: 690px) body h1 {
line-height: 40px !IMPORTANT;
}
【讨论】：
-
我尝试了几次，但不知何故它不起作用。关于如何找到导致此问题的代码行的任何想法？
-
一秒再检查一遍
-
我现在删除了所有额外的样式并缩小了字体。至少现在没有剪掉……
-
视觉作曲家正在内联生成 css，您需要转到该页面视觉作曲家编辑器并找到更改 css 行高的选项
-
我注意到了，但是为什么向该变量添加重要并没有覆盖它应该可以解决问题