html - 如何在智能手机阅读器上阅读我的文章？

如何在智能手机阅读器上阅读我的文章？

时间：2016-05-27 08:38:12

标签： html mobile markup

当我使用iPhone浏览网站时，有时我会在左上角看到一个图标。当我点击它时，我得到整篇文章，没有所有的广告和其他东西在纯白色背景上。

我的示例屏幕截图中的HTML没有特殊标记 - 所以我猜Safari非常聪明，可以获得正确的内容。

但是有可能支持这样的浏览器功能吗？他们是如何被称呼的以及他们如何运作？

3 个答案:

答案 0 :(得分：1)

根据this article，您只需要使用HTML标记包装文本。 <article>元素作为包装器工作正常; Safari Reader识别它。除了<body>或<p>之外，只要有一个包装元素，您选择哪个包装元素无关紧要。您可以使用<article>，<div>，<section>

你的文字应该足够长（100个单词），包装内至少有五个子元素。在<p> - 标记内，每个<br/> - 标记会在两章中删除您的章节。

答案 1 :(得分：-3)

尽量让一切都变得有责任感。例如，使用％作为宽度而不是px或pc

答案 2 :(得分：-3)

您可以尝试使用Bootstrap（http://www.w3schools.com/bootstrap/）

让您的网站响应

使网站响应的另一种方法是使用媒体查询（http://www.w3schools.com/cssref/css3_pr_mediaquery.asp）

我希望这可以帮助您创建响应式文章