#RWD 基本設計原則
10個基本設計RWD時的注意事項,完全圖解說明,重點寫的很清楚。
大致歸納一下重點為:
1.排版越簡單越好(DIV不要搞得太複雜,拿掉inline styles)
2.使用media queries來判別不同的裝置的寬度
3.定義好不同解析度的分界點
4.排版彈性化(使用grid system, 寬度要使用百分比計算)
5.不同裝置使用不同大小的圖片(同一張圖切三種不同大小)
6.善用min-跟max-來控制layout
7.元素盡量使用相對比例
8.當切換到手機版本時,layout以一欄式設計為主
9.盡量精簡手機版內容,只留下最重要的
10.使用實體裝置測試網站(因為電腦模擬有時候不是很準確)
Search
div切換 在 [CSS學習筆記] Bootstrap4 Carousel(幻燈片)元件 - 1010Code 的推薦與評價
<div class="container"> <div class="carousel slide" data-ride="carousel"> ... 第二種方法是利用JavaScript 搭配jquery 來控制幻燈片切換的間隔。 ... <看更多>