Quote:
Originally Posted by SBT
In my stylesheet file, if I write something like this:
Code:
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:
Code:
div.image1 {
width: 80%;
}
img {
width: 100%;
height: auto;
}
and in the .xhtml file:
Code:
<div class="image1">
<img alt="" src="../Images/MyImage.png" />
</div>
Maybe that code could solve your present issues.
Regards
Rubén