标题在移动设备中查看时出现断字 时间：2019-02-18 作者：PaulJ 我正在使用Renden Free theme, 我的问题是，一些长标题在手机上查看时，会将单词一分为二。例如：正如你所见，“下士”一词被打断并分成两行。为什么会这样？有没有办法控制Wordpress将标题拆分到哪里？ 3 个回复 最合适的回答,由SO网友:Rick Hellewell 整理而成 一条分词CSS规则可能会解决这个问题。您可以通过此body {word-break:normal !important; } 或者可能是这样：body {overflow-wrap: normal;} 但最好将其应用于标题所使用的特定类/id。并进一步调整，使其仅通过媒体查询将该规则应用于较小的屏幕。但是你可以在你的主题定制中把上述内容添加到“附加CSS”中，看看这是否有帮助。不过，询问主题开发人员支持区域是回答这个问题的最佳场所。 SO网友:Foxtrail815 你的风格反应灵敏。第127行周围的css文件#intro .page-title { font-size: 30px } 将其更改为20px或更低，从设计角度来看，30对于小屏幕来说太大了。 SO网友:Jason Is My Name 显然“分词：”将编辑单词对容器结尾的响应方式。但是，当与单词break一起响应时，我有时会将字体大小计算为vw值。假设您有一个字体大小为32px的标题；当您以480px的速度撞击容器壁时，您可以在保持文本宽度不变时计算出文本的宽度。数学应该是：你的宽度：480。除以doc的宽度100%。480 / 100 = 4.8 (one percent of the width). 然后，您需要计算出维持32px大小所需的数量。32 / 4.8 = 6.666666vw. 因此，您可以创建如下css规则：.title { font-size: 32px; } @media screen and (max-width: 479px) { .title { font-size: 6.666666vw; } } 这将创建可随页面缩放的文本。 文章导航
