保持移動瀏覽器免於環繞文字

Question

我有一個使用em單元的網頁，允許它自動調整到任何屏幕尺寸，因此頁面在移動設備上的顯示效果相當不錯。不過，我注意到，iPad和iPhone（這些是我迄今檢查過的唯一移動設備）將文本塊包裝到任何他們喜歡的文本塊中，並且如果插入了空格來排列行，這將打破格式化。例如，我可能有文本

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

「文本」末尾有一個返回。在第一行，然後下一行在開始處有空格以便將「that」排列在「This」之下。但是，現在如果一個iPad決定包裝「一些」的格式被破壞後，這樣的文字：

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

有沒有辦法告訴移動瀏覽器不換行文本本身，只是榮譽，在文本中的收益？

感謝

Answer 1

你嘗過<pre>包裝標籤的文字？它會尊重你的格式。

無論如何，有文字迴流是可取的，因爲它可以重新排列和適應任何屏幕大小，沒有什麼比滾動到行尾以讀取文本更煩人了。

如果您想要更好地控制文本輸出，您將不得不單獨解決每個屏幕大小，因此我會在CSS中使用media元素，以便您可以根據屏幕大小應用不同的樣式。

谷歌「在CSS響應中的屏幕大小」你會看到很多關於它的資源。

查看你的示例文本更加緊密，你輸入<li>標籤？所以編號可以放在外面？在CSS中使用列表樣式？我的意思是，如果你的問題只是列表編號，也許可以做到。

此致敬禮。