Sometimes I can't see the woods for the trees. I had another go at my kindle problem and lo and behold I can now isolate two distinct groups of devices: Voyage, DX and all other E-Inks/Paperwhites in one group and all the Fires in another -- all according to the Previewers 2.9 and 3.29.1 and my own old Fire.
And then RbnJrg has to barge in and remind me that
Code:
box-sizing: border-box;
box-sizing: inherit;
shouldn't be in my CSS (it's an old one in my debug folder which I forgot to update) because "box-sizing" kills "Enhanced Typesetting" (ET) and when I take it out the 3.29.1 Previewer just tells me that it's not a mobi but it is a kf8. No other media query (MQ) works anymore. If I put the box sizing stuff back in, I lose ET and gain MQs.
@RbnJrg: The problem with the images has, as far as I can see, nothing to do with the images but is due to the bug the Voyage suffers from, as Hitch reported. The Code (and images) I'm using works everywhere else, except on the Voyage Preview.
Back to the drawing board - but not today.
Klaus
The two new MQs I added to split the Kindles into two groups:
Code:
@media amzn-mobi, amzn-kf8 and not all and (device-aspect-ratio:1/1) {
/* "anything in here will work on e-inks" see github url above */
p.einkall2{display:block;}
}
@media amzn-kf8 and screen and (device-aspect-ratio:1/1) {
/* "anything in here will work on Fires. Seriously." see github url above */
p.fireall2{display:block;}
}
The working Kindle mobi: