如何让我的文章在智能手机上可读 reader？
How can I make my articles readable on smartphones reader?
当我使用 iPhone 浏览网站时，有时我会在左上角看到一个图标。当我点击它时，我会在纯白色背景上看到没有所有广告和其他内容的整篇文章。
我的示例屏幕截图中的 HTML 没有特殊标记 - 所以我猜 Safari 足够聪明，可以获取正确的内容。
但是是否可以支持这样的浏览器功能？它们如何称呼以及如何工作？
尝试让一切都响应。例如，使用 % 作为宽度而不是 ps 或 pc
您可以尝试使用 Bootstrap(http://www.w3schools.com/bootstrap/)
让您的网站响应
另一种使网站响应的方法是使用媒体查询
(http://www.w3schools.com/cssref/css3_pr_mediaquery.asp)
希望这对您创建响应式文章有所帮助
根据 this article，您只需要用 HTML 标签包裹您的文本。 <article> 元素作为包装器工作得很好； Safari Reader 识别它。选择哪个包装器元素并不重要，只要有一个即可，除了 <body> 或 <p>。您可以使用 <article>、<div>、<section>
您的文字应该足够长（100 个字），包装内至少有五个子元素。在 <p> 标签内，每个 <br/> 标签将您的章节分成两章。
当我使用 iPhone 浏览网站时，有时我会在左上角看到一个图标。当我点击它时，我会在纯白色背景上看到没有所有广告和其他内容的整篇文章。
我的示例屏幕截图中的 HTML 没有特殊标记 - 所以我猜 Safari 足够聪明，可以获取正确的内容。
但是是否可以支持这样的浏览器功能？它们如何称呼以及如何工作？
尝试让一切都响应。例如，使用 % 作为宽度而不是 ps 或 pc
您可以尝试使用 Bootstrap(http://www.w3schools.com/bootstrap/)
让您的网站响应另一种使网站响应的方法是使用媒体查询 (http://www.w3schools.com/cssref/css3_pr_mediaquery.asp)
希望这对您创建响应式文章有所帮助
根据 this article，您只需要用 HTML 标签包裹您的文本。 <article> 元素作为包装器工作得很好； Safari Reader 识别它。选择哪个包装器元素并不重要，只要有一个即可，除了 <body> 或 <p>。您可以使用 <article>、<div>、<section>
您的文字应该足够长（100 个字），包装内至少有五个子元素。在 <p> 标签内，每个 <br/> 标签将您的章节分成两章。