0

私は epub3 仕様を読んでいて、固定レイアウト ドキュメントと組み合わせて使用​​できるメディア クエリを把握しようとしています。

<meta name="viewport"特定のデバイス用に指定された固定レイアウト ページを作成し、デバイスの画面サイズに基づいて、実際に読み上げ順序と目次に含まれるデバイス固有のページを選択できるようにしたいと考えています。

これに向けた最善の方法は<li>、nav xhtml の要素に 'hidden' 属性を使用することのようですが、私が見る限り、これは CSS で変更できません。

私はcssvisibilityとdisplay属性も試しましたが、これらは明らかに現在のレンダリングを変更するように設計されており、実際のレンダリングに依存しないコンテンツを追加または削除するのではありません.epub3仕様（およびhtml仕様）はhidden、まさにやりたいこと。

それ以外の場合は、デバイスの画面サイズに基づいて異なる固定レイアウト ページを表示するアイデアを歓迎します!

4

2 に答える 2

1

あなたがやろうとしていることは、特定の画面地理を前提とする固定レイアウトの概念に何らかの形で違反しているようです。私が見る限り、デバイスのサイズごとに異なるブックを作成する必要があります。

画面サイズのメディア クエリを実行することはできますが、私の知る限り、これらを使用してスパインに存在するものを制御する方法はありません。あなたが正しく直感したように、CSSvisibilityプロパティは、spine 要素ではなく、ページ上の HTML 要素を非表示にすることに関するものです。TOCのhidden属性は CSS で制御できません。

あなたは試すことができます

@media (max-device-width: 640px) {
    body.omit-if-narrow { display: none; }
}

しかし、それはあなたに空白のページを与えると確信しています。

于 2013-06-21T05:04:48.450 に答える