手机上的文字样式行高不起作用（WordPress）

Question

堆栈社区， 关于我的文字在手机上的显示方式，我有一个奇怪的问题。

在@media中更改行高并没有帮助，我对如何处理一无所知。 文本在第一行被剪切，添加填充或边距无济于事。在google开发工具中，预览看起来很好，一旦在我的手机上打开，文字就会被剪切。

可能是什么原因？我该如何解决？

屏幕截图： screenshots uploaded to imgur

链接：http://monifit.co.uk/

感谢您的帮助。

Answer 1

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;
}

Answer 2

您必须使用@media查询最大宽度来消除css h1标签中的行高：px;