<RWD>

網頁聯課第四堂

講師:嗯嗯

先給你們實作吧

記得要有滑鼠動畫和animation動畫喔

<RWD>

手機版網頁不會爛掉

早期的網頁

手機版網頁和電腦版網頁分開寫

兩個有不同的網址

手機版網頁和電腦版網頁一起寫

兩個有相同的網址

有了RWD後

RWD係蝦密

電腦版

手機版

RWD偵測

偵測螢幕寬度

寫法

@media screen and (max-width: 幾px){
  .class{
    屬性: 值;
  }
}

怎麼測試

怎麼測試

也可以自己調整視窗大小啦

練習

Made with Slides.com