15

有谁知道如何正确实现 Kindle Fire Silk 浏览器阅读视图的 CSS 类？

Kindle Fire 6.3 更新添加了“阅读视图”：

借助 Silk 上的阅读视图，您感兴趣的内容在阅读优化的单屏视图（即使对于多页文章）中被提升到凌乱之上。整个页面仍然在后台可用，让您可以轻松切换回传统视图以查看页面上的其他有趣功能。

我检查了我的一个站点，它呈现<div style="display:none;">为阅读视图文章，但我无法找到有关如何将 Silk 浏览器定向到应在阅读视图中显示的部分的详细信息。

代码示例：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en" xml:lang="en">

<head>
  <title>Title</title>
</head>

<body>

<div id='content'>
  //important article here
</div>

<div id='sidebar'>
   //less important menu here
</div>

<div style='display:none;'>
   //lightbox HTML here, not important on mobile devices
</div>

</body>

</html>

如果我找到任何文件，我会更新。

4

3 回答 3

1

我在 Kindle Fire Silk 浏览器上对此没有任何经验，但我知道 iPhone 具有基于语义 HTML 而不是 CSS 的阅读器功能。如果您使用语义布局，例如

<h1>header</h1>
<h2>some text</h2>
<p>a paragraph</p>

然后阅读器功能将适当地显示这一点。同样重要的是要注意CSS 样式被禁用，而视觉布局是旨在提高可读性的设备标准。我不确定您是否可以直接影响此视图的样式，而无需在操作系统中对其进行硬编码。

于 2012-05-23T21:59:54.807 回答
0

Try using media queries, it's possible that the kindle looks that the print version of a website, so if you create a media query for print as well as the standard screen then it may work.

于 2012-11-03T06:46:20.313 回答
0

一个快速而肮脏的解决方案是添加不应由读者通过javascript或jQuery显示（或说出）的元素

于 2012-10-25T22:17:46.227 回答