Check out the different Stretch Modes of an image to ensure it will fit as desired across the different screen sizes. Below are the available Stretch Modes to choose from:
-
Fit - Fit will always fit the image within the bounding box, shrinking either its width or its height. The image's aspect ratio is preserved.
-
Fill - Fill will always fill the bounding box completely with the image. The image will extend pass the bounding box to maintain a complete fill. The image's aspect ratio is preserved.
-
Stretch - Stretch will always completely fill the bounding box with the image. It will stretch the image to fill the bounding box, distorting its aspect ratio.
-
Fit Width - Fit Width will always fit the image within the width space of the box. The image can extend beyond the bounding box on the top and bottom. The image's aspect ratio is preserved.
-
Fit Height - Fit Height will always fit the image within the height space of the box. The image can extend beyond the bounding box on the left and right. The image's aspect ratio is preserved.
-
Fill and Cut - Fill and Cut works exactly like Fill but instead of letting the image extend beyond the bounding box, it crops the image to the bounding box.