HTML, CSS и отзывчивость не являются «отзывчивыми» - PullRequest
0 голосов
/ 07 мая 2018

Странная проблема. Я проектирую веб-сайт и столкнулся с проблемой, что выравнивание и общее позиционирование портятся на мобильном телефоне.

Я разработал простую коробку с двумя другими коробками внутри. Внутри красной рамки, как вы видите ниже, есть буква, которая центрирована как по вертикали, так и по горизонтали, однако это не относится к моей Galaxy S5, которая показывает его немного не так. Почему это? Конечно, это не проблема CSS, а проблема Android WebView, но она работает на S3 mini точно так же, как и должна. Что мне не хватает? (Браузер по умолчанию показывает веб-сайт очень хорошо, это просто WebView, который портит).

Снимок экрана Macbook

Скриншот Galaxy S5

1 Ответ

0 голосов
/ 08 мая 2018

Метатег viewport в заголовке вашего HTML скажет устройству отображать страницу на ширину собственного экрана.

<meta name="viewport" content="width=device-width, initial-scale=1">
...