線上書籍

Home

Groundwork CSS

響應式(自適應)文字
  • 只要加上class="responsive",文字就會隨螢幕自己放大縮小
  • data-compression(資料壓縮),預設為10。小於10,字會越來越大;大於10,字會壓縮的越來越小。
  • data-min 最小下限
  • data-max 最大上限
<h1>你可以打造個人化的即時動態頁面</h1> <h1 class="responsive">你可以打造個人化的即時動態頁面</h1> <h1 class="responsive" data-compression="12.2" data-min="20" data-max="170">你可以打造個人化的即時動態頁面</h1>