I've been using vw/vh for the width/height to fix some of these issues. That, along with the "xMidYMid meet" tends to center things nicely with svg wrapper. I don't use kindlepreview, but it may work for you.
Quote:
|
<svg width="100vw" height="100vh" preserveAspectRatio="xMidYMid meet"....
|
I still use <div> wrapper for non-full page images, and <span> for inline images, you just need to use the proper css
in your css page:
Code:
div.image {text-align:center}
div.image img {width:50%; max-width:1000px}
<div class="image"><img alt="" src="../Images/test.jpg" /></div>