Question

我有一个使用em单位的网页，允许它自动调整到任何屏幕大小，因此页面在移动设备上显示得相当好。我注意到，iPad和iPhone（这是我迄今为止唯一检查过的移动设备）将文本块放在任何他们想要的地方，如果我在行中插入空格，这会打破格式化上线。例如，我可能有文本

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

＆＃34;文本末尾有一个返回。＆＃34;在第一行然后下一行在开头有空格以获得＆＃34;＆＃34;排在＆＃34;这个。＆＃34;但现在，如果iPad决定在＃34;之后包装这个文本，那么＃34;格式化被破坏：

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

有没有办法告诉移动浏览器不要自己封装文本，只是尊重文本中的返回值？

由于

Answer 1

您是否尝试在<pre>标签中包装文字？它会尊重你的格式。

无论如何，文本重排是首选，因为它可以重新排列并适应任何屏幕大小，没有什么比滚动到行尾读取文本更烦人了。

如果您希望更好地控制文本输出，则必须单独处理每个屏幕大小，因此我将使用CSS中的media元素，以便根据屏幕大小应用不同的样式。

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

更仔细地查看示例文本，您输入<li>标签了吗？编号可以放在外面吗？在CSS中使用list-style？我的意思是，如果您的问题只是列表编号，也许可以做到。

最好的问候。