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

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

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

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


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

Пример:


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

Is this article helpful for you?