一千萬個為什麽

搜索

電子書的響應式網頁設計有哪些設計模式?



電子書的響應式網頁設計有哪些設計模式,最佳實踐等?我正在創建一個HTML5/CSS3/JavaScript的電子書,它應該可以在不同的設備(瀏覽器,平板電腦,智能手機等)上以不同的大小和功能很好地閱讀。據我了解響應式網頁設計,人們可以顯示,隱藏,調整和重定位不同形式的內容,具體取決於查看HTML頁面的設備。 這個問題問如何模擬不同的設備尺寸預覽。

到目前為止,我發現人們在討論電子書的響應式設計的可能性但沒有好的例子或指導方針。我認為目錄,標題,圖像,標題和腳註是響應式設計的理想選擇,但如何向他們展示哪種設備具有最佳的可讀性和可用性?

轉載註明原文: 電子書的響應式網頁設計有哪些設計模式?

一共有 1 個回答:

在電子書中嘗試任何真正有趣的設計元素(如響應)的問題在於,主要的閱讀系統在網絡標準中是非常原始的。目前,JavaScript支持或多或少局限於iBooks,而我所知道的唯一一個使用媒體查詢的系統是Kindle,它們只支持amzn-mobi和code amzn-kf8 選擇器。一些閱讀系統會支持一些CSS 3元素,比如 border-radius ,但大多數情況下你會被老東西卡住。最重要的是,許多閱讀系統(如nook)默認會完全忽略發布者的CSS文件,而是使用自己的樣式表。

If what you're looking for from responsive design is the text conforming to the screen size, though, you can certainly achieve that through good markup and simple CSS. Make your markup as semantic as possible, and use semantic elements rather than styles, since many systems will ignore, for example, a style that bolds some text, but will happily bold anything in a tag. If you're going for a wide array of devices, keep things as simple as possible. In general, think of the web circa 2000.

如果您針對特定設備,則可以做一些更有趣的事情。這裏的第一課是:了解你的目標設備和閱讀系統。

如果您對您在文章中提到的任何區域有任何疑問,請隨時提出更多問題!