Мой веб-сайт довольно хорошо реагирует на десктоп, но когда дело доходит до iPad или планшетных устройств, это ужасно. Это не связано с макетом, который в порядке, но все слишком БОЛЬШОЕ, что затрудняет навигацию по веб-сайту. Я думаю, было бы полезно знать, что мой веб-сайт представляет собой веб-приложение, в котором у нас есть страницы без прокрутки, я имею в виду, что весь контент умещается в области просмотра.
Я хотел бы уменьшить масштаб страницы на небольших устройствах, потому что уменьшение до 75 % выглядит довольно красиво.
Тест 1
Я уже пытался установить свойство Zoom CSS для элемента :root:
На самом деле он отлично работает в браузерах Chrome, но в Safari все хорошо, за исключением размера шрифта, который не уменьшается. Кстати, Firefox не поддерживает его (для меня это не важно, если нет другого решения).
Я хотел бы знать, есть ли способ улучшить поддержку масштабирования в Safari или даже совершенно другой способ уменьшить масштаб страницы
Спасибо
Подробнее здесь:
https://stackoverflow.com/questions/771 ... -in-safari
Мобильная версия