Quote:
Originally Posted by MacEachaidh
No mate, not so. The "none" image is exactly the size of the screen (not exceeding the width, as I can tell by patterning in the image), and the "meet" image is narrower. (I may not know about the code involved, but I'm not unobservant.)
Yep, already am.
I think I'll just stick with the "none". ;-)
|
Maybe there is something (a style, properties for <body>) in your stylesheet that is affecting the SVG display. Try once more now using all this code:
Code:
<body>
<div style="text-align: center; padding: 0pt; margin: 0pt;">
<svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 1080 1440" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink">
<image height="1440" width="1080" xlink:href="../Images/CoverDesign.jpg"></image>
</svg>
</div>
</body>
Also be sure that the .html file where is going that code
IS NOT LINKED WITH YOUR STYLESHEET
Quote:
Quote:
|
How does it look in landscape orientation?
|
I haven't tried/ Why do you ask?
|
Because by using
preserveAspectRatio="none" in landscape mode you'll have a completly distorted cover image.