Могу ли я установить область просмотра выше, чем 1024?

Question

Мы смотрим на существующий (неотвечающий) сайт, ширина которого составляет 1230 или около того. Так что на мобильных устройствах его содержание, даже сжатое как есть, теряет около 10% вправо.

Это плохо, так как их телефонный номер (достаточно большой, чтобы его можно было увидеть, даже сжатый на мобильном телефоне) выровнен по правому краю, и мы потеряем некоторые цифры, если зритель не пролистает.

Как быстрое средство остановки, я решил, что мы можем установить:

<meta name="viewport" content="width=1235">

Но это игнорируется на телефоне, с которым я тестирую.

Я проверил, что телефон реагирует на гораздо меньшую ширину области просмотра - если я установлю его на 300 или что-то большее, чем увеличенное содержимое (левый верхний угол), как вы и ожидаете. Просто он не отвечает на область просмотра за пределами 1024.

Answer 1

Помните, что окно просмотра - это эффективный размер экрана для мобильных устройств. Идея состоит в том, что, поскольку ваш сайт не адаптивен, он не приносит никакой пользы. Проблема скорее в вашем CSS.

Но да, вы можете установить область просмотра выше, чем 1024. Как правило, область просмотра должна быть немного шире, чем ваш веб-контент, чтобы убедиться, что у вас есть немного поля рядом с текстом для удобочитаемости.

Взгляните на это Введение в Viewports.

Не забудьте использовать это вместе с медиа-запросами, чтобы добиться отзывчивости. Я обычно использую это, и это работает для меня на различных мобильных устройствах. Вам не нужно жестко кодировать ширину контента.

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

Но, как я упоминал ранее, проблема заключается в вашем позиционировании CSS, и тег viewport не является решением. Вы можете сделать медиа-запрос, чтобы уменьшить размер номера телефона.