html – Kindle Fire SilkBrowser阅读CSS

有没有人知道如何正确地实现Kindle Fire Silk浏览器阅读视图的CSS类?

Kindle Fire 6.3 Update添加了“阅读视图”:

With Reading View on Silk, the content that you’re interested in is elevated above the clutter in a reading-optimized, single screen view (even for multi-page articles). The full page is still available in the background, allowing you to easily toggle back to a traditional view to see other interesting features on the page.

我检查了我的一个网站,并且渲染了< div style =“display:none;”>作为阅读视图文章,我无法找到有关如何将丝网浏览器引导到阅读视图中应显示的部分的详细信息.


<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">

<html xmlns="" dir="ltr" lang="en" xml:lang="en">



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

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

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




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

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


转载注明原文:html – Kindle Fire SilkBrowser阅读CSS - 代码日志