Mobile 防止移动浏览器任意包装文本

我有一个网页，它使用em单元，允许它自动调整到任何屏幕大小，因此该页面在移动设备上显示得相当好。不过，我注意到，iPad和iPhone（这是我迄今为止检查过的唯一移动设备）可以随意地包装文本块，如果我在行中插入空格，就会破坏格式。例如，我可能有文本

1.  This is the first sentence of some text 
    that wraps to a second line.

“文本”的结尾有一个返回。在第一行，然后在下一行的开头有空格，使“that”在“This”下对齐。但是现在如果iPad决定在“some”之后包装此文本，格式将被破坏：

1.  This is the first line of some 
text          that wraps to a second line.

有没有办法告诉移动浏览器不要包装文本本身，而只尊重文本中的返回

---

谢谢

您是否尝试过将文本包装在

标记中？它将尊重你的格式

无论如何，让文本回流是最好的，因为它可以重新排列和适应任何屏幕大小，没有什么比滚动到行尾阅读文本更烦人的了

如果您想更好地控制文本输出，您必须单独处理每个屏幕大小，因此我将使用CSS中的

媒体

元素，以便根据屏幕大小应用不同的样式

谷歌“屏幕大小在css响应”你会看到很多关于它的资源

更仔细地查看示例文本，是否输入

标记？这样编号就可以放在外面了？在CSS中使用列表样式？我的意思是，如果你的问题只是列表编号，也许那可以解决

---

致以最诚挚的问候。

“如果我插入了空格来对齐行，这会破坏格式设置”–那么不要这样做。对于间距，您应该使用边距/填充，而不是任意插入空格字符。我对标记没有太多控制。这是一个网站生成器，文本是通过RTE输入的，类似于Stackoverflow中用于输入问题的内容。当然，您可以尝试通过

空白

属性操纵文本的显示和包装方式……但如果您只允许它在桌面版本文本中设置的换行符处进行包装，那么这很可能会使手机上的文本溢出其容器。是的。我认为你是对的。文本在移动设备上溢出其容器，并提前包装。再想一想，我现在怀疑移动浏览器正在改变容器的大小。更可能的情况是，文本字体没有被精确地缩小到正确的大小，因此它比应该的大小略大，并且更快地到达容器的末尾。所以我的问题是如何让文本在使用em时正确缩小比例。谢谢你的想法。