Безопасные зоны. Верстка под устройства с разными разрешениями.

Рабочая область страницы адаптирована под разрешения:

• 768х1024 px для планшетов,
• 320х480 px для смартфонов.

Чтобы книга хорошо выглядела на устройствах с разным разрешением, мы отображаем безопасные зоны страницы.

Безопасные зоны выглядят следующим образом:


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

Пример:


Как прикрепить элемент к границе экрана на всех устройствах