如何將Reveal.js方向更改爲縱向或縱向？

我使用hakimel創建的reveal.js，我想問的一件事是，是否可以將展示方向更改爲垂直，以便針對移動進行優化？如何將Reveal.js方向更改爲縱向或縱向？

當我使用科爾多瓦時，它運行良好，但是當內容超過其高度時，我看不到下一個內容。我試圖破解的CSS，所以它是滾動的，這裏是我的CSS：

.scrollable { 
       margin-top: -200px; 
       bottom: 0px; 
       overflow-y: auto !important; 
       overflow-x: hidden !important; 
      }

，並將其應用到我的部分元素<section class="scrollable">，但它仍然是在橫向模式下，使頂部和屏幕左側的底部空白。其如此浪費。

如果沒有辦法，請向我介紹一些針對移動設備優化的html演示文稿，同時也支持桌面。我一直在谷歌搜索，但仍未找到，或者可能錯過了。非常感謝你。

來源

2015-10-04 Albert Leonardo Pisa

當您配置顯示時，您可以更改幻燈片分辨率以匹配設備大小，但您必須確保幻燈片可以適應尺寸更改。

要創建充分響應幻燈片：

var resizeSlide = function() { 
    Reveal.configure({ 
    width: window.innerWidth, 
    height: window.innerHeight 
    }); 
} 

setInterval(resizeSlide, 1000);

那麼你需要讓你的幻燈片內容響應幻燈片格式的變化，但是這會讓他們利用整個頁面的呈現。我使用setInterval而不是onResize，因爲onResize只是不工作/在移動和一些瀏覽器/操作系統組合方向變化方面不夠可靠

來源

2015-10-13 07:53:19

如何將Reveal.js方向更改爲縱向或縱向？

回答

相關問題