是否可以使用媒體查詢來選擇固定佈局頁面？

Question

我讀通過EPUB3規範，並試圖得到什麼media queries可以結合fixed layout documents被用於處理。

我希望能夠爲特定設備指定的<meta name="viewport"創建固定佈局頁面，並根據設備的屏幕尺寸選擇實際包含在閱讀順序和ToC中的設備特定頁面。

對此的最佳途徑似乎是在導航xhtml中的<li>元素上使用'隱藏'屬性，但是就我所見，這不能由css改變。

我也試過CSS visibility和display屬性，但這些顯然旨在改變當前的渲染，沒有添加或刪除實際的渲染，獨立的內容 - 而EPUB3規範（以及HTML規範）認爲hidden旨在用於我想要做的事情。

否則，表示基於設備的屏幕尺寸不同的固定頁面佈局的任何想法將受到歡迎！

Answer 1

您正在尋找的是「再現映射」的概念，而不是媒體查詢。這是根據設備特徵（以及其他標準）在同一出版物中選擇完全不同的再現（佈局，包括閱讀順序）的能力。

這不是在當前的EPUB 3.0規範，但它是特許未來的補充。見the rendition mapping charter，特別是在Rendition Selection and Mapping部分。

Answer 2

好像你正在試圖以某種方式做違反了固定的版面，其中假定特定屏幕地理學的概念。據我所知，您將需要爲不同的設備尺寸創建不同的書籍。

你可以做屏幕尺寸媒體的質疑，但也沒有辦法利用這些來控制哪些是存在於脊柱我的知識。正如你已經正確直覺的CSS visibility屬性有關隱藏頁面上的HTML元素，而不是脊柱元素。 TOC中的hidden屬性無法通過CSS進行控制。

你可以嘗試

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

，但我敢肯定，會給你一個空白頁。