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

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

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

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

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

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

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



Is this article helpful for you?