---
# System prepended metadata

title: 8. 實作前注意+不同部門如何合作
tags: [rwd]

---

---
tags: rwd
---
# 8. 實作前注意+不同部門如何合作
## media query設定
* @media(max-width:767px) and (min-width: 569px)
介於ipad和iphone之間，視需要加入
* 建議一個區塊的css寫在一起  先pc在@media
![](https://i.imgur.com/vVOkZRX.png)


## 請不要習慣寫死高度
手機版Height:auto;
![](https://i.imgur.com/MHX2nen.png)


## 業務篇：如何說服客戶導入響應式設計
https://developers.google.com/search/mobile-sites/mobile-seo?hl=zh-tw
https://gs.statcounter.com/