@Suyano
Новичок

Как в html увеличить размер контента?

Добрый вечер!

Пишу страницу конфигурации, столкнулся с тем, что на телефоне элементы отображаются в маленьком размере:

Скрин
5c681c5c7fb89174650398.png


Код:
<html>
<head>
<title>Settings Portal</title>
<meta charset='utf-8'>
<style>
.button {background-color: white; border: 2px solid #e7e7e7; color: black; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px;}
.textheader {font-family: Verdana, sans-serif; font-size: 15px;} 
.input {border: none; border: 1px solid #ccc; border-radius: 4px; display: inline-block; box-sizing: border-box; padding: 8px 8px;}
</style>
</head>
<body>
<br><br>
<h3 class='textheader'>Настройка Wifi</h3>
<form method='get' action='a' class='formwifi'>
<input name='ssid' class='input' length=32 placeholder=' SSIDD'>
<br><br>
<input name='pass' class='input' length=64 placeholder=' Password'><br><br>
<input type='button' class='button' value='Подключиться'>
</form>
</body>
</html>


Как я могу увеличить масштаб? Спасибо!
  • Вопрос задан
  • 131 просмотр
Пригласить эксперта
Ответы на вопрос 1
lukoie
@lukoie
Почитайте что такое единицы измерения em и rem
Потом будете для боди указывать базовый размер шрифта, от которого будут считаться размеры всего остального. И для мобайла это будет один размер, а для остального - другой. Вот и всё.
Упрощенно: если, например, для обычного body будет указан размер шрифта 12px а для медиа который будет указан для мобайлов, боди указать как 8px, то соответственно Ваш h3 можно указать размер в 3em и потому на десктопе он станет 36рх а на мобайле - 24рх.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы