вопрос
Я оптимизирую сайт под мобильный устройства и использую:
Я приведу пример, сделал пробную страничку чтобы объяснить и сформулировать свой вопрос наглядно.
Как зафиксировать размер текста? Я всегда выставляю в px/em. Стоит везде всё четко, в вертикальном варианте телефона тоже все как надо, но стоит повернуть телефон в горизонтально положение - шрифт увеличивается, хотя стоит 14px. Как исправить эту проблему?
Вот вертикальный вариант (в вертикальном всегда всё идеально):
Ставлю телефон горизонтально:
PS: другие элементы не меняются в размере, только текст и то не весь! обратите внимание на h1 (в данном примере он остался фиксированного размера).
УДИВИТЕЛЬНО. Не понимаю от чего это зависит, но если из моего пример-кода убрать элементы
Код страницы:
Убираем
Помогите разобраться. Заранее спасибо.
<meta name="viewport" content="width=device-width,initial-scale=1">Я приведу пример, сделал пробную страничку чтобы объяснить и сформулировать свой вопрос наглядно.
Как зафиксировать размер текста? Я всегда выставляю в px/em. Стоит везде всё четко, в вертикальном варианте телефона тоже все как надо, но стоит повернуть телефон в горизонтально положение - шрифт увеличивается, хотя стоит 14px. Как исправить эту проблему?
Вот вертикальный вариант (в вертикальном всегда всё идеально):
Ставлю телефон горизонтально:
PS: другие элементы не меняются в размере, только текст и то не весь! обратите внимание на h1 (в данном примере он остался фиксированного размера).
УДИВИТЕЛЬНО. Не понимаю от чего это зависит, но если из моего пример-кода убрать элементы
<i>текст</i>Код страницы:
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1">
</head>
<body>
<h4 style="font-size:12px;">SMM Social media marketing</h4>
<div style="font-size:14px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia <i>deserunt mollit anim id est laborum.</i>.
</div>
</body>
</html>
Убираем
<i></i>Помогите разобраться. Заранее спасибо.
