Удержание мобильных браузеров от произвольного обертывания текста

Question

У меня есть веб-страница, в которой используются em-единицы, позволяющие автоматически изменять размер любого экрана, чтобы страница отображалась достаточно хорошо на мобильных устройствах. Я заметил, однако, что iPad и iPhone (это единственные мобильные устройства, которые я проверил до сих пор) обертывают блоки текста, где бы они ни находились, и это нарушает форматирование, если я вставил пробелы для выравнивания строк. Например, у меня может быть текст

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

В конце «текст» есть возврат. на первой строке, а затем следующая строка имеет пробелы в начале, чтобы получить «это», чтобы выстроиться под «Это». Но теперь, если IPad решает обернуть этот текст после «некоторое» форматирование будет уничтожено:

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

Есть ли способ сказать мобильные браузеры, чтобы не обернуть текст самому и только честь Возвращения в тексте?

Благодаря

Answer 1

Вы пробовали оберточной текст в <pre> теги? он будет уважать ваше форматирование.

Во всяком случае, наличие переплавки текста предпочтительнее, так как оно может изменять и адаптироваться к любому размеру экрана, нет ничего более раздражающего, чем прокручивать до конца строк, чтобы прочитать текст.

Если вы хотите иметь больший контроль над текстовым выходом, вам придется отдельно указывать размер каждого экрана, поэтому я бы использовал элемент media в CSS, чтобы вы могли применять различные стили в зависимости от размера экрана.

Размер экрана google в css отзыв «вы увидите много ресурсов об этом.

Глядя на ваш пример текста более внимательно, холодно, вы вводите <li> теги? так что нумерация может быть размещена снаружи? используя стиль списка в CSS? Я имею в виду, если ваша проблема связана только с номерами списков, возможно, это может сделать это.

С уважением.