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

Question

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

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

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

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

Но это игнорируется по телефону я тестирую с.

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

Answer 1

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

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

Посмотрите на это Introduction to Viewports.

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

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

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