css - 如何为 Kindle 设置页面内容边距？

Question

我正在为 Kindle 转换 html 页面。该页面有多个 CSS 文件。 Kindle 指南建议将正常正文文本的左右边距设置为 0，以防止内容从屏幕边缘脱落或与其他内容重叠，并且正文文本不得强制对齐。 CSS 的边距已经为零，并且没有指定文本对齐。问题是转换后的文章文本太靠近屏幕边缘，出于某种原因，Kindle 没有在内容和屏幕边缘之间设置默认边距。

我尝试为右侧和左侧设置 padding 1.2 - 1.3em，它确实设置了一些间距，但在电子书的中间我看到它开始重叠在页面的右边缘，所以图片和文本的边缘是剪裁。如何修改 CSS 以在内容的左右边框和屏幕边缘之间设置适当的边距？我使用 KindleGen 进行转换。

这是页面 sample .

Answer 1

首先，对于 kindle 电子书，它真的取决于您要转换为哪种格式，旧的(对于 Kindle 键盘型号)还是新的 KF8？为什么不在转换前删除所有样式(应用 CSS 重置)？

我建议阅读 this (and several other) thread在移动阅读上。