Wordpress网站中的纯文本在移动设备上运行时看起来很糟糕

最近我在Wordpress.com上建立了一个网站，但我的第一条短信在移动设备上看起来很糟糕，地址是。有什么问题

<代码>САУЧСбППППППППППАММММММПМПСССЯ

---

您需要使用媒体查询来正确调整文本大小。另外，可能应该删除空的

。标题中有一些奇怪的

——也许是WordPress把它们放进去了

媒体查询将允许您根据不同的参数应用不同的样式：宽度、高度、方向、像素密度等

以下是媒体查询的示例：

/*以下规则仅在浏览器宽度介于以下宽度之间时适用。您可以更改最小/最大宽度以满足您的需要*/
@介质和全部（最小宽度：640像素）和（最大宽度：1280像素）{
h1{
字体大小：16px；/*或任意大小和单位*/
字体大小：1.6rem；/*或任何大小和单位*/
}
}
/*或*/
@媒体屏幕和屏幕（方向：横向）{
.元素{
字体大小：26px；/*或任意大小和单位*/
字体大小：2.6rem；/*或任何大小和单位*/
}
}

我认为问题在于浏览器将您的文本检测为一个单词，并且浏览器解释它不应该被破坏

您不需要媒体查询，而只需要一条css规则：

h1 {
    word-break: break-word;
}

解决方案2 额外加分！在html中，您可能有如下内容：

只需删除
，就可以了

我的例子是：

希望这是有用的

编辑添加了结果的图像。
我们需要查看足够的代码来复制问题，以及您迄今为止所尝试的内容。这里有一个关于这个主题的有用页面：alexwc_uuu现在代码和屏幕截图已经被添加了Dalexwc_uuu我是WordPress的新手，我应该在哪里添加这个脚本？@aatalyk我不知道WordPress.com（我只运行自托管的WP网站），但谷歌很快显示了这一点。
h1 {
    word-break: break-word;
}