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

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

我的示例屏幕截图中的HTML没有特殊的标记，所以我想Safari足够聪明，可以获得正确的内容

---

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

试着让每件事都有反应。例如，使用%表示宽度，而不是px或pc

您可以尝试使用Bootstrap（）使站点响应

另一种使网站响应的方法是使用媒体查询 （）

我希望这能帮助您创建响应性文章

根据，您只需使用HTML标记包装文本即可。

元素可以很好地用作包装器；Safari阅读器可以识别它。选择哪个包装器元素并不重要，只要有一个，而不是

或

。您可以使用

，

，

---

您的文本应该足够长（100个单词），包装中至少有五个子元素。在一个

-标记每个

-标记将你的章节分为两章。

关于评论中发布的Simon M.文章，我怀疑它与响应性设计有关。我正在使用引导，但这不是我的问题。我的网站响应迅速，但我想知道我必须使用什么标记才能将正确的文本和图片输入Safaris阅读器。