У меня проблемы с получением предварительно отформатированного текста для правильной визуализации на моем iPhone.
Если я просто сделаю один предварительно отформатированный элемент, все будет в порядке (код приведен ниже).
<code><!DOCTYPE html>
<html>
<head>
<title>Problem with <pre></title>
</head>
<style>
pre {
background-color: rgb(30, 30, 30);
color: rgb(200,200,200);
}
</style>
<body>
<!-- exactly 80 characters -->
<div style="width:80ch"><pre>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf Из моих iPhone
Но когда я пытаюсь сделать то же самое в упорядоченный список (код ниже).
<code><!DOCTYPE html>
<html>
<head>
<title>Problem with <pre></title>
</head>
<style>
pre {
background-color: rgb(30, 30, 30);
color: rgb(200,200,200);
}
</style>
<body>
<div style="width:80ch"><pre>asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf -
asdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdf
Все выглядит нормально при загрузке этого с моего компьютера, но на моем iPhone не только с отступом перепутал, теперь оригинал тоже выглядит не так. Это похоже на изменение размера шрифта при добавлении списка.
с моего телефона
Ссылки на обе версии:
первая
второй
Как мне правильно настроить эту функцию на моем телефоне? Мне нужно, чтобы ширина была 80 символов в ширину, чтобы я мог показать стандартный вывод терминала.