【CSS-WAR】想改版不是一天兩天，但切版怎樣都要一天切完 d(d＇∀＇)

》不然會焦慮得睡不著_(:3 」∠ )_
》切得眼睛好酸心好累
》但是切完心情超爽ヽ(́◕◞౪◟◕‵)ﾉ



因為老媽要睡覺了得把沙發還她，總之這次改版的行程就是依照之前在公司的經驗

1. 在以拉（illustrator）排完圖面稿
2. 開啟 blogger + F12 試著更動 CSS
3. 確定能改之後回以拉開始存需要的 bg + 圖示
4. 打開 blogger 開始與 HTML＆CSS 混戰 (ｏﾟﾛﾟ)┌┛Σ(ﾉ´*ω*`)ﾉ

先丟一下圖面稿。

※註：因為節省檔案容量存 png8 的格式，所以圖中漸層看起來會跳階（*顏色無法平滑、一格一格的）
因為資料庫我還沒學，所以無法解決將最底下那條快速連結 copy 一份到文章上方的方法，有嘗試弄了一下（快一個小時）不過一直發生資料庫錯誤 XDD div 是成功地塞進去了啦，偏偏上一頁、下一頁一定要撈資料，後來就先拿掉了。
不過我怎麼會死心呢，過幾天再試試(o´・ω・`)σ)Д`)

然後感謝工程師大大 + 估狗
我家哀鳳舞終於可以直接看到 320 版的 re-size 啦 ｡ﾟヽ(ﾟ´Д`)ﾉﾟ｡
終於可以不用再屈就估狗那沒有行距的手機版了啊｡ﾟヽ(ﾟ´Д`)ﾉﾟ｡
（什麼都可以沒有不可以沒有行距的人）

▼ 以下是手機截圖(*´∀`)~♥


▼ 320 的大金魚看起來超可怕 XDDD




說到這裡，應該很多人都和去年的我一樣不知道自適應網頁（RWD）是啥。
如果不知道是啥，現在就開始拖拉你的瀏覽器縮放試試吧σ`∀´)σ
寬度小於 830 以下，左邊的選單就會收掉，然後文章也會配合瀏覽器變大～變小～

而這一切，只要靠 CSS（外加一行宣告）就可以搞定哦(*´∀`)~♥
有興趣也歡迎一起討論//