Question

我正在创建一个电子书来阅读设备（iPad，手机等），我希望电子书始终显示相同的方向，无论设备是旋转还是横向或纵向。< / p>

在我的代码中，我有：

<p>
    name="viewport" content="width=595,height=842"
</p>

在.css文件中：

<p>
    height:770px;
    left:36px;
    position:absolute;
    top:36px;
    width:523px;
</p>

但我的电子书不断旋转，忽略了我给页面的高度或宽度。也许我需要另一条线或其他设置？

Answer 1

不可能，锁定方向取决于您的设备。您只能将您的电子书设计为漂亮的纵向模式，而不是在此阶段锁定移动设备的方向。

Answer 2

我认为您无法在所有设备上执行此操作，但是如果您没有为Apple设备制作固定布局的书籍，则可以添加一些元数据在opf文件中锁定这些图书的方向：

<metadata xmlns="http://www.idpf.org/2007/opf" xmlns:dc="http://purl.org/dc/elements/1.1/">
  ...
  <meta property="ibooks:version">3.0</meta>
  <meta property="rendition:layout">pre-paginated</meta>
  <meta property="rendition:orientation">auto</meta>
  ...
</metadata>

带有meta属性的rendition:orientation标记中的可接受值为portrait，landscape和auto（或none？文档这里有点混乱）。

如何锁定电子书的方向

2 个答案: