Quote:
Originally Posted by Turtle91
Yes, I do all the time. Most of the cover images I use are 1000ish wide x 1600 tall. They stretch, or condense, to the best fit for the display screen without losing the aspect ratio. If the image is very tall and maxes out the available screen height, then there will be extra space added to the sides so the images aspect ratio doesn't change.
That is probably why your shorter image makes it all the way across and the taller does not.
edit: if you do NOT want to maintain the aspect ratio then you can change the <svg> to:
preserveaspectratio="none"
|
My images are 900px x 160 px and they stretch across the screen using the code you gave me.
Code:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 900 160">
<image width="900" height="160" xlink:href="../Images/myimage.svg"/>
</svg>
However, there is a considerable gap above and below my image.
Is there any way to minimize the unwanted white area?