html – Kindle Fire SilkBrowser阅读CSS

前端之家收集整理的这篇文章主要介绍了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" "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样式是禁用的,视觉布局是设备的标准,旨在提高可读性.我不知道你可以直接影响这个视图的风格,而不需要在操作系统中进行硬编码.

原文链接:https://www.f2er.com/html/231091.html

猜你在找的HTML相关文章