0

我正在阅读 epub3 规范，并试图了解哪些媒体查询可以与固定布局文档结合使用。

我希望能够创建<meta name="viewport"为特定设备指定的固定布局页面，并根据设备的屏幕尺寸选择阅读顺序和 ToC 中实际包含的设备特定页面。

实现这一目标的最佳途径似乎是<li>在导航 xhtml 中的元素上使用“隐藏”属性，但据我所知，这不能被 css 更改。

我也尝试过 cssvisibility和display属性，但这些显然是为了改变当前的渲染，而不是添加或删除实际的渲染无关内容——而 epub3 规范（以及 html 规范）表明这hidden正是为了我想做的事。

否则，任何关于根据设备屏幕尺寸显示不同固定布局页面的想法将不胜感激！

4

2 回答 2

1

您正在寻找的是“再现映射”的概念，而不是媒体查询。它能够根据同一出版物中的设备特征（以及其他标准）选择完全不同的再现（布局，包括阅读顺序）。

它不在当前的 EPUB 3.0 规范中，但它被特许成为未来的补充。请参阅再现映射章程，特别是关于再现选择和映射的部分。

于 2013-06-29T03:31:33.360 回答
1

似乎您尝试做的事情以某种方式违反了固定布局的概念，该概念假定特定的屏幕地理位置。据我所知，您将需要为不同的设备尺寸创建不同的书籍。

您可以对屏幕尺寸进行媒体查询，但据我所知，无法使用这些来控制脊椎中存在的内容。正如您正确直觉的那样，CSSvisibility属性是关于隐藏页面上的 HTML 元素，而不是脊椎元素。TOC 中的hidden属性不能通过 CSS 控制。

你可以试试

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

但我很确定这会给你一个空白页。

于 2013-06-21T05:04:48.450 回答