У меня есть неотвечающий веб-сайт, основное содержание которого находится внутри тела шириной 1000 пикселей. Я пытаюсь заставить это сделать на iPad следующим образом:
- Для экранов размером менее 1000 пикселей (например, на обычном iPad в портретном режиме) я хочу просмотреть весь сайт (поэтому уменьшенная версия отображается до 1000 пикселей).
- Для экранов, размер которых превышает 1000 пикселей (например, iPad Pro в альбомном режиме), я хочу видеть содержимое размером 1000 пикселей, но НЕ увеличивать его, чтобы содержимое взрывалось - скорее всего, с небольшим интервалом слева / справа от моего содержание.
(в данном случае меня не волнуют мобильные устройства, так как на сайте есть отдельная мобильная версия).
Для 1) кажется, что может работать следующий видовой экран:
<meta name="viewport" content="width=1000" />
Однако это «взорвет» контент на экранах размером более 1000 пикселей.
https://codepen.io/dave470003/full/EGJNgp - Пример пера
Для 2), похоже, может работать следующий видовой экран:
<meta name="viewport" content="width=1000,initial-scale=1.0,maximum-scale=1.0" />
Однако это приведет к тому, что контент будет выходить за пределы экрана на устройствах шириной менее 1000 пикселей.
https://codepen.io/dave470003/full/LMvRKJ - Пример пера
Я не могу найти область просмотра, которая позволяет и 1), и 2) работать, есть ли комплексное решение?