iPhoneでウェブサイトを閲覧すると、左上隅にアイコンが表示されることがあります。私はそれをタップすると、私はすべての広告や他のものがなく白い背景に記事全体を取得します。スマートフォンリーダーで記事を読みやすくするにはどうすればいいですか？
私のスクリーンショットのHTMLには特別なマークアップはありません。そのため、Safariは適切なコンテンツを取得するのに十分スマートです。
しかし、このようなブラウザの機能をサポートすることが可能ですか？彼らはどのように呼び出され、どのように機能するのですか？
this articleによれば、テキストをHTMLタグで囲むだけで済みます。 <article>要素は、ラッパーとして正常に動作します。 Safari Readerがそれを認識します。 <body>または<p>以外のものがあれば、どのラッパー要素を選択しても問題ありません。 <article>,<div><section>
テキストは、ラッパー内に少なくとも5つの子要素を持つように十分長くなければなりません（100語）。 <p>タグ内では、<br/>タグごとにチャプターが2つの章に分けられます。
すべての応答性を高めようとします。たとえば、あなたの幅ではないPXまたはPC
ため％を使用しますが、ブートストラップ（http://www.w3schools.com/bootstrap/）とあなたのサイトが応答を作ってみることができます
サイトが応答させるために他の方法は、メディアクエリの （http://www.w3schools.com/cssref/css3_pr_mediaquery.asp）
を使用することですレスポンシブル記事の作成に役立つことを希望します
私はブートストラップを使用していますが、これは私の質問ではありません。私のウェブサイトは敏感ですが、正しいテキストと写真をSafari Readerに取り込むためにどのマークアップを使用する必要があるのかを知りたいと思います。 – Jurik
Simon M.の記事にはコメントが掲載されていますが、レスポンシブルデザインと関係があるとは思えません。 – Jurik