# separate css style for android & ios 將安卓/ios css分開引用

###### tags: `RWD`

實務上往往同樣是寬度320PX,425PX,1024PX ,但畫面顯示在android & ios就是會不一樣 , 所以引用同一支CSS檔 , 無法做到好的RWD體驗 ,在[stackoverflow](https://stackoverflow.com/questions/12333135/separate-css-style-for-android)看到這個方法,自己實測可行,紀錄在此.

#### IPAD 768*1024

分別把長和寬填入**min-device-width** & **max-device-width**, 就會針對該款尺寸去抓取CSS

<link type="text/css" rel="stylesheet" 
media="only screen and (min-device-width: 768px) 
and (max-device-width: 1024px)" href="./css/pad.css" />

更複雜應用請參考他人文章[前端新手村 Media Query](https://ithelp.ithome.com.tw/articles/10194937)