close

上禮拜去上Muki老師的RWD時，老師整理出網站類型的版型，不外乎就是以下五種。

來紀錄一下。

 

1. Mostly Fluid - 最常見的RWD版型排列方式，範例codepen - http://codepen.io/bradfrost/full/Iardn
   RWD layout1  
        
 
 
2. Column Drop - 三欄式（多欄）的樣式。
 
　RWD layout2
 
  2-1  
 
　
 
3.　Layout Shifter - 側邊欄樣式。最著名的範例為：foodsence
  
   RWD layout3  
  
 
4. Tiny Tweaks - 為直版式（一頁樣式）。
 
  RWD layout4  
 
5. Off Canvas - 有側邊資料滑動式。最著名的就是FB的樣式
 
   RWD layout5  
　
    以上資料均為Muki課程資料，僅作紀錄用。
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 chlntng129 的頭像
    chlntng129

    chlntng129的部落格

    chlntng129 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄