Я делаю лайтбокс на основе jquery на нашем сайте, и все хорошо в основных браузерах для настольных ОС.
Но в Mobile Safari (как на iPhone, так и на iPad) - и, вероятно, также на устройствах Android - есть проблема из-за функции масштабирования в этих браузерах.
Это «обычный» лайтбокс, который вставляет элемент наложения и показывает некоторые изображения поверх этого наложения.
Вот что я пытаюсь сделать:
Я хочу закрыть все окно, поэтому я получаю $(window).width() и $(window).height() и устанавливаю наложение на эти значения.
Это нормально для обычных настольных браузеров, поскольку они не масштабируются, но для масштабирующих устройств это приводит к тому, что наложение слишком узкое и слишком короткое, поскольку эти значения 768x946, а фактическая ширина страницы на рабочем столе равна свыше 1400.
Да, я мог бы отключить масштабирование, но сайт выглядит хорошо уменьшенным, поэтому я бы хотел этого избежать.
Так что вопрос должен быть:
Как вы получаете фактическую немасштабированную ширину окна или элемента body, когда страница уменьшена?
Заранее спасибо :-)
Martin