: Re: Media queries to distinguish between Kindle e-inks vs non-e-inks I would like to separate styles (colors) for e-ink Kindles and the rest. It could be quite easy if monochrome or color queries

@Shelley

Vote Up Vote Down   0 Reactions

Login to give Reaction!

I came up with something very close to what you have, see this thread:
www.mobileread.com/forums/showthread.php?t=274927
The media query I have is:

/*
kindle 1/kindle 2/kindle DX,
paperwhite portrait,
paperwhite landscape,
"other kindles" portrait,
"other kindles" landscape,
voyage portrait,
voyage landscape
*/ @media amzn-mobi,
amzn-kf8
and (device-height:1024px)
and (device-width: 758px),
amzn-kf8
and (device-height:758px)
and (device-width:1024px),
amzn-kf8
and (device-height: 800px)
and (device-width: 600px),
amzn-kf8
and (device-height: 600px)
and (device-width: 800px),
amzn-kf8
and (device-height: 1448px)
and (device-width: 1072px),
amzn-kf8
and (device-height: 1072px)
and (device-width: 1448px) {
p {
...
}
}

Missing only the Oasis at this time. I tested it across a variety of devices and met with success. Did you test your queries on a physical device, or just the Kindle Previewer?

Note that I would be treating non-e-ink kindles as "default" here, and overriding with this query. If you wanted the stylesheet to be global, you could do non-e-ink CSS in a @media amzn-kf8 query just before this one.

Free books android app tbrJar TBR JAR Read Free books online gutenberg

(0)

Login to post a comment!