I’ve Finally Found A Media Query for E-Ink Devices and It Doesn’t Work

Published: 31 Mar 2024 at 21:44 +0200

See The Curious Case of the CSS Monochrome Media Query on blog.stephaniestimac.com

@media(monochrome) of course!

I was looking for this to target e-ink displays like Kindles and my Boox Poke 5, mostly to make smaller images for such devices like how Low Tech Website, a website which runs on solar power, does it.

I tried Steph’s Monochrome Media demo on my Poke 5 and it didn’t work using NeoBrowser, a Chrome rebranding. Taking a screenshot, it was in full color though I’m not sure that means much.

A color screenshot of the device’s interface with a webpage saying ‘Your device doesn’t support monochrome pixels’ in red

Actual Chrome and Firefox Mobile didn’t support this either.