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

Если разместить элемент у края холста, например изображение:


В просмотрщике на широкоформатном устройстве выглядит так как задумано:


При просмотре на iPad 2 изображение перекрывается:


Как же сделать так, чтобы изображение прилипало к краю экрана на любом устройстве?

Для этого нужно:
1. Создать слой с растягиванием по ширине и высоте, мы называем такой слой - flex контейнер.

2. Разместить изображение в слое.


Теперь изображение будет прилипать к границам экрана на любом устройстве, т.к. слой растягивается на столько, чтобы заполнить весь экран, а изображение позиционируется относительно слоя. Смотрим в просмотрщике, что получилось для iPad 2:




Is this article helpful for you?