MobileRead Forums - View Single Post

odedta · 05-25-2014, 05:59 PM

Did you try the solution I offered verydeepwater on that thread?

Create a paragraph or a div with class image as such:

Code:

<p class="image"><img src="../Images/image3.jpg" alt="" /></p>

Add this new rule to your CSS file:

Code:

.image {
max-width: 99%;
max-height: 99%;
padding:0;
margin:0;
}

As far as I know, this works perfect. Did you try working with percentage rather than pixels? If the aspect ratio get screwed you can remove the CSS rule:

Code:

max-height: 99%;

Or this? https://www.mobileread.com/forums/sho...93&postcount=9 (without the page-break rule)

05-25-2014, 05:59 PM	#13
odedta Addict Posts: 398 Karma: 96448 Join Date: Dec 2013 Device: iPad	Did you try the solution I offered verydeepwater on that thread? Create a paragraph or a div with class image as such: Code: <p class="image"><img src="../Images/image3.jpg" alt="" /></p> Add this new rule to your CSS file: Code: .image { max-width: 99%; max-height: 99%; padding:0; margin:0; } As far as I know, this works perfect. Did you try working with percentage rather than pixels? If the aspect ratio get screwed you can remove the CSS rule: Code: max-height: 99%; Or this? https://www.mobileread.com/forums/sho...93&postcount=9 (without the page-break rule) Last edited by odedta; 05-25-2014 at 06:22 PM.