Версия для печати темы Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Размер элементов button на смартфонах

Автор: Роман 26.4.2021, 12:59

При просмотре страницы на смартфоне, элементы button слишком уменьшаются. Указание font-size не помогает. В итоге я не могу добиться одинакового размера шрифта на кнопках и основным текстом. К тому же еще и max-width тоже как будто занижен. На ПК все выглядит совсем иначе. Ссылка на страницу https://lyrics-training.neocities.org/

Автор: Роман 26.4.2021, 14:50

А вот здесь все идеально, и на ПК и на смартфоне: https://sites.google.com/view/lyrictraningr8aivyqduqe/home Код один и тот-же, только здесь код во фрейме.

Автор: Oldshelf 26.4.2021, 16:33

Для масштабирования элемента под размеры окна удобно использовать единицу измерения vmin: Код <input type="button" style="background:#555555;color:white;width:32vmin;height:10vmin;font-size:5vmin" value="Test" class="test" />

Автор: Роман 26.4.2021, 17:12

Мне помог мета-тег Код <meta name="viewport" content="width=device-width, initial-scale=1">

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)