html - iphone safari 阅读器样式

Question

我目前正在针对 iphone 优化我的网站并尝试了解 safari 阅读器功能。

我认为对于像我这样的长文本网站来说，这是一个很棒的功能，但我想稍微设置一下它的样式。

有没有办法在阅读器中设置文本样式？我想做的就是添加一条分隔线来分隔文本部分。我尝试将 hr 标签添加到 html 并将边框底部添加到 div 以查看是否可以，但都失败了。

我的一些html

<div class="storyReader">
  <div class="headerBlock">
     <p>Title</p>
     <p>Author</p>
     <p>Description</p>
  </div>

  <div class="contentBlock">
    <p>This is the really long content. This is the really long content. This is the really long content.</p>
    <p>This is the really long content. This is the really long content. This is the really long content.</p>
    <p>This is the really long content. This is the really long content. This is the really long content.</p>
  </div>
</div>

Answer 1

您可以尝试添加<hr>您想要中断的位置，并将它们隐藏在您的 CSS 中（因此它们仅在阅读器模式下显示，而不是在您的正常站点上）。我在猜测，不确定它是否会起作用。

另外，请查看此文档。