Как заблокировать ориентацию электронной книги

Question

Я создаю электронную книгу для чтения на устройстве (iPad, телефон и т. Д.), И я хочу, чтобы электронная книга всегда показывала ту же ориентацию, вращается ли устройство или в пейзажной или портретной ориентации.

Внутри моего кода у меня есть:

<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 Docs путаете немного здесь).