tay*_*jes 15 html css mobile-website kindle-fire amazon-silk
有谁知道如何正确实现Kindle Fire Silk Browser阅读视图的CSS类？
在Kindle Fire的6.3更新添加了一个"读书观":
使用Silk上的阅读视图,您感兴趣的内容在阅读优化的单屏幕视图中高于杂乱(即使对于多页文章).整个页面仍然可以在后台使用,您可以轻松切换回传统视图以查看页面上的其他有趣功能.
我查看了我的一个网站并将其<div style="display:none;">作为阅读视图文章,我无法找到有关如何将丝网浏览器指向应该在阅读视图中显示的部分的详细信息.
代码示例:
<?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>
如果我找到任何文件,我会更新.
我在 Kindle Fire Silk 浏览器上没有任何经验，但我知道 iPhone 具有基于语义 HTML 而不是 CSS 的阅读器功能。如果您使用像这样的语义布局
<h1>header</h1>
<h2>some text</h2>
<p>a paragraph</p>
然后阅读器功能将适当地显示这一点。还需要注意的是，CSS 样式已被禁用，而视觉布局是旨在提高可读性的设备标准。我不确定您是否可以直接影响此视图的样式，而无需在操作系统中对其进行硬编码。