Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Media Queries: Kindle Fire vs Kindle e-ink.
@media screen and (device-aspect-ratio:1/1) {
/* anything in here will work on Fires. Seriously. */
}
@media not all and (device-aspect-ratio:1/1) {
/* anything in here will work on e-inks */
}
@dvschultz

This comment has been minimized.

Copy link
Owner Author

dvschultz commented Jan 8, 2014

This is the hackiest media query ever, but it does (currently) work. I maybe wouldn’t recommend using this unless you plan to keep an eye on device specs every time they release a new device. AND then you’d have to re-submit all of your titles.

@dvschultz

This comment has been minimized.

Copy link
Owner Author

dvschultz commented Jan 8, 2014

so far this has been tested on the following:

  • Kindle Paperwhite (2nd Gen)
  • 4th Gen Kindle
  • Late 2012 Kindle Fire HD 7
  • Late 2013 Kindle Fire HD 7
@dvschultz

This comment has been minimized.

Copy link
Owner Author

dvschultz commented Jan 9, 2014

the dumbest thing about this media query is that the Fire doesn’t care what value is assigned to device-aspect-ratio. you could do 1024/800, 19/6,1/1, 50/50. You can’t however just give it a number (say, like 1.6).

@tooolbox

This comment has been minimized.

Copy link

tooolbox commented Dec 15, 2015

@dvschultz Any idea if this still works? :)

@tooolbox

This comment has been minimized.

Copy link

tooolbox commented Jun 5, 2016

This does still work AFAICT, tested it on a 1st gen Kindle Fire vs. a 2nd gen Kindle Paperwhite.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.