How to use
Lazy4 提供以下幾個檔案。如果要使用色票與品牌色，需要額外掛載到你的專案上。
| 檔名 | 說明 | |
|---|---|---|
| 1 | lazy4.css | 完整版，但不包含色票與品牌色。 |
| 2 | lazy4-colour.css | 色票擴充。 |
| 3 | lazy4-brands.css | 品牌色擴充。 |
| 4 | lazy4-normalized.css | 只有 CSS 初始化。 |
| 5 | lazy4-gridsystem.css | 只有網格系統。 |
| 6 | kule.urbrowser.min.js | 偵測使用者系統與瀏覽器資訊。 |
下載 Lazy4.6 zip
jsDelivr
將以下 CSS 放置於 <head> 內。
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kuletw/[email protected]/dist/css/lazy4.css" >
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kuletw/[email protected]/dist/css/lazy4-colours.css" >
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/kuletw/[email protected]/dist/css/lazy4-brands.css" >
將以下 JS 放置於 <body> 底部，並且建議位於所有 JS 檔案之前。
<script src="https://cdn.jsdelivr.net/gh/kuletw/[email protected]/dist/js/kule.urbrowser.min.js"></script>
瀏覽器與裝置
市面上主流系統與瀏覽器皆有支援。Microsoft IE 僅局部支援至 11.x。
| Chrome | Firefox | Edge | IE | Safari | |
|---|---|---|---|---|---|
| Windows | 支援 | 支援 | 支援 | 11.0 局部支援 | 不存在 |
| Mac OS | 支援 | 支援 | 支援 | 不存在 | 支援 |
| iOS | 支援 | 支援 | 支援 | 不存在 | 支援 |
| Android | 支援 | 支援 | 支援 | 不存在 | 不存在 |
使用授權
Kule Lazy 使用 MIT 授權。