一千萬個為什麽

搜索

是否有任何CSS媒體查詢適用於Kindle ios應用程序?



在Kindle格式指南的第8.1.4節中,它提供了一個針對ipad設備的css媒體查詢示例。它看起來像這樣:

@media (device-width: 768px) {}

但這個例子不清楚;這是一個簡單的媒體查詢,當您將epub上傳到ibooks應用程序時?或者,這是一個真正的查詢,消化並在iPad上的Kindle應用程序之後?

Kindle有沒有任何媒體查詢可以查看ios?

UPDATE: I've been investigating and testing some more. It seems that the heart of my question is how the Kindle app for iOS handles collisions between "@media" and "@amzn-kf8" media queries. The Kindle documentation doesn't address this accurately. I'll post my findings soon.

轉載註明原文: 是否有任何CSS媒體查詢適用於Kindle ios應用程序?

一共有 1 個回答:

或者,這是一個真正的查詢,它被iPad上的Kindle應用程序所消化和遵循?

這是您可以在Kindle KF8書籍中使用的實際媒體查詢。 例如,如果方向更改為橫向,則可以使用以下代碼以紅色顯示段落。

<?xml version="1.0" encoding="utf-8"?>



<head>
  <title></title>
    
</head>

<body>
  

Media query test

  
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac tellus nunc. Phasellus imperdiet leo metus, et gravida lacus. Donec metus ligula, elementum at pellentesque pellentesque, suscipit ac nunc. Etiam lobortis, massa ac aliquam auctor, augue nisl sagittis urna, at dapibus tellus erat ullamcorper ligula. </body> </html>

請註意,媒體查詢僅適用於AZK(KF8)文件。 (如果您將iPad/iPhone的默認設備模式設置為Kindle,Kindle Previewer會自動生成.azk文件。)