У меня есть HTML-страница, и я хочу, чтобы некоторые элементы были отцентрированы.Мне нужно, чтобы он работал с мобильными устройствами, поэтому я добавил
<meta name="viewport" content="width=device-width, initial-scale=1.0">
, но вижу (с мобильным эмулятором Chrome и настоящим iPhone 7) все элементы выровнены.
Если я изменяю начальную шкалу на 0,5, элементы центрируются, но Google говорит, что текст слишком мал.
Я центрирую элементы таким образом
<div style="text-align: center;">
<h1>
<div style="display: inline-block; text-align: center;">Example<div>
</h1>
</div>
Как мне установить начальный масштаб на 1, а элементы центрировать?