SUSY2 – SCSS – CSS – 依照高度不同做不同的顯示

一般在做SUSY的時候,我們通常響應的是螢幕「寬度」。但假如要針對不同的螢幕高度做調整,該怎麼做呢?

若使用 breakpoint

產出CSS

可參考原生 breakpoint plugin 說明

若使用 susy-breakpoint

*susy-breakpoint 的第二個參數 $layout 自 v2.2.1 之後,就可以為非必填參數了,所以下面的null也可以不用填寫。參考

產出CSS

可參考SUSY2基於breakpoint的修改說明

 

線上範例,使用 susy-breakpoint。請嘗試改變畫面高度

Play with this gist on SassMeister.

發表迴響