[RbnJrg]

Originally Posted by SBT

In my stylesheet file, if I write something like this:

img {
width:76%;
height:auto;
}

the image is scaled accordingly on both e-ink and fire devices, but if I increase the width to 77% (or more), the width is set to 100% on eink-devices.
This happens both on the previewer and on actual devices.
Have I missed something? And is there a better workaround than using @media device-width/height and setting an absolute width?

What if you enclose the image in a <div> tag with the width you want? Something like:

div.image1 {
    width: 80%;
}

img {
    width: 100%;
    height: auto;
}

and in the .xhtml file:

<div class="image1">
     <img alt="" src="../Images/MyImage.png" />
</div>

Maybe that code could solve your present issues.

Regards
Rubén