Каков хороший способ получить размеры области просмотра приложения Apple Books для всех мобильных устройств, представленCSS

Разбираемся в CSS
Ответить
Anonymous
 Каков хороший способ получить размеры области просмотра приложения Apple Books для всех мобильных устройств, представлен

Сообщение Anonymous »

Я пытаюсь разработать серию медиа-запросов CSS для управления свойствами определенных стилей в моих электронных книгах на основе размеров области просмотра для использования в Apple Books.
Размеры области просмотра перечислены на таких сайтах, как Yesviz, не работают должным образом медиа-запросы, используемые в электронных книгах, поскольку Apple Books добавляет поля вокруг фактической области просмотра!
Использование небольшого количества JavaScript, встроенного в макет up EPUB, мне удалось создать несколько функций для расчета размеров области просмотра Apple Books в реальном времени с моих iPad 8, iPhone XS Max и iPod 7.
Изображение
Изображение
Изображение
Изображение
Изображение
Изображение

[img]https: //i.sstatic.net/Gk1FhiQEs.png[/img]
Изображение

Обратите внимание, что на третьем рисунке альбомная ориентация iPad иногда показывает два окна просмотра с портретным соотношением сторон, если на экране одновременно отображаются два отдельных файла XHTML. Это создает проблему при попытке использования (ориентация: альбомная) в медиа-запросах.
Используя вышеупомянутые функции javascript, полученные вычисления (на фото выше) затем были успешно использованы для создавать рабочие медиа-запросы.
Проблема в том, что я хотел бы знать размеры области просмотра приложения Apple Books для всех других мобильных устройств Apple на рынке, которые я могу использовать. не владею. Как это сделать?
Результаты поисковых систем не помогают, поскольку поисковые запросы слишком сильно совпадают с бесполезными статьями.

Подробнее здесь: https://stackoverflow.com/questions/787 ... or-all-mob
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»