Как я могу "увеличить" мою веб-страницу asp. net на android? - PullRequest
Новая
       95

Как я могу "увеличить" мою веб-страницу asp. net на android?

0 голосов
/ 06 августа 2020

Я разрабатываю приложение для мобильных устройств сканирования рук, используя asp. net и C#. До прошлой недели это приложение было windows CE. Теперь платформа переведена на Android. У меня проблемы с тем, что приложение выглядит очень "уменьшенным" (см. Рисунок). Что может быть причиной этого? Я считаю, что мой CSS правильный, но я также не слишком знаком с тем, как он ведет себя на платформе android.

Уменьшено

Я полагаю, что я делаю что-то не так с CSS, поэтому я также публикую свой CSS ниже. 

@media only screen and (max-width : 320px) {

.contentDiv {
    height:100%;
    width:100%;
}

}

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

1 Ответ

1 голос
/ 11 августа 2020 
<meta name="viewport" content="width=device-width, initial-scale=1">

Добавьте указанный выше код в тег <head>.

Я скопировал этот код с веб-сайта GitHub

Почему это работает?

Большинство мобильных экранов имеют разрешение примерно Full HD. Это то же самое, что и у большинства компьютерных мониторов и экранов ноутбуков.

16 пикселей в качестве размера шрифта по умолчанию для абзаца. На мобильном экране он будет слишком маленьким.

Поэтому мобильные браузеры конвертируют размер отображаемого экрана. Например, iPhone X преобразует размер экрана в 375 пикселей на 812 пикселей, в то время как фактическое разрешение составляет 1125 x 2436 пикселей.

width=device-width устанавливает ширину HTML в ширину, предлагаемую браузером (375 пикселей для iPhone X).

Обычно вы задаете коэффициент масштабирования равным 1. Вы можете установить коэффициент масштабирования самостоятельно, указав initial-scale=0.8, и посмотреть, хотите ли вы.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...