Kindle不支持monochrome媒体查询，唯一有效的是@media screen and (max-color: 1)；需重设字体、行高、间距，禁用背景色与边框，且必须真机测试。
monochrome媒体查询在Kindle上根本不起作用
Kindle（包括Paperwhite、Scribe、Oasis等主流型号）的内置浏览器不支持 monochrome 媒体查询，哪怕你写成 @media (monochrome) 或 @media (monochrome: 1)，它都会直接忽略。这不是写法问题，是底层Webkit版本太老（基本停留在2012–2014年），连 prefers-color-scheme 都不认。
真正能用的适配方式只有@media screen and (max-color: 1)
Kindle设备识别的是老旧但实际生效的 max-color 媒体特性，值为 1 表示“每个像素只能显示一种颜色”（即纯黑白灰阶）。这是唯一被实测确认有效的判断条件。
- ✅ 正确写法：
@media screen and (max-color: 1) - ❌ 错误写法：
@media (monochrome)、@media (prefers-color-scheme: dark)、@media (color: 0) - 注意：必须带
screen，只写@media (max-color: 1)在部分固件下会失效 - 这个查询在Chrome/Firefox里不会触发——别指望桌面浏览器预览效果，得真机测试
字体、行高和边距要重设，否则文字糊成一片
墨水屏刷新慢、对比度低，CSS默认值在Kindle上会导致字迹发虚、行间粘连、段落挤在一起。不能只改颜色，必须整体调整排版节奏。
- 字号至少设为
font-size: 1.2em（默认16px太小，且Kindle会缩放渲染） - 行高强制设为
line-height: 1.8以上，1.4就开始粘连 - 段落间距用
margin-bottom: 1.5em，避免用padding（墨水屏对细间距渲染不稳定） - 禁用
font-weight: bold，加粗在E Ink上就是糊一块灰，用font-weight: normal反而更清晰
background-color和border在Kindle上等于没写
几乎所有Kindle型号都不渲染背景色和边框，background-color: #fff 不会让背景变白（它本来就是白的），border: 1px solid #000 也几乎不可见。强行加只会增加CSS体积，还可能干扰排版。
立即学习“前端免费学习笔记（深入）”；
- 别写
background相关声明，包括background-image（SVG/渐变全无效） - 分割线改用
hr { height: 0; border: none; border-top: 1px solid #333; }，但效果仍弱，建议用空行代替 - 卡片类布局直接放弃，墨水屏没有“层叠”“阴影”“圆角”的概念，所有视觉层次都得靠留白和字体大小体现
墨水屏适配最麻烦的不是怎么写，而是得反复在真实设备上翻页验证——每次改完CSS都要重新打包MOBI或AZW3，上传，重启阅读器。缓存还特别顽固，经常得清空整个阅读历史才能看到新样式。
