iphone safari reader styles

Question

현재 iPhone 용 웹 사이트를 최적화하고 Safari 리더 기능을 이해하려고합니다.

내 생각과 같이 긴 텍스트가있는 웹 사이트에는 훌륭한 기능이라고 생각되지만, 조금만 스타일을 지정하고 싶습니다.

독자에게 텍스트의 스타일을 지정하는 방법이 있습니까? 내가 원하는 것은 텍스트 섹션을 나누기 위해 구분선을 추가하는 것입니다. html에 hr 태그를 추가하고 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에서 그들을 숨어 시도 할 수 있습니다. 나는 그것이 작동하는지 확실하지 않은 것으로 추측하고 있습니다.

또한 this document을 확인하십시오.