---
# System prepended metadata

title: Untitled

---

前端作業三

跨版切版技巧練習，這類型的網站很常用在活動網頁。
(1)請1:1比例，一模一樣切出來，不要用自己的圖
(2)使用boostrap 4進行切版
(3)行動版得部分不一定要照參考網站，但是要比他好看，更兼具響應式的功能。


### 裝飾圖片不被干擾使用技巧:
穿透 pointer-events:none;
https://www.oxxostudio.tw/articles/201409/pointer-events.html

### sass 編譯過的 css 路徑設定位置
https://hackmd.io/39Tc8ou3R_G9NDMvhCNv3g#%E4%B8%80%E3%80%81vs-code%E5%AE%89%E8%A3%9D%E5%8F%8A%E8%A8%AD%E5%AE%9A

點左下角齒輪>設定
點上方"使用者"
點左方"延伸模組"
點Live sass compile config
點在settings.json內編輯
![](https://i.imgur.com/mINXSsq.png)






### 參考範例網站:
http://v2cells.ikema.com.tw/
https://www.lovechild.com.tw/edm/



### 題目
http://www.mossa.jp/![](https://i.imgur.com/PfY2m8r.jpg)
