媒體查詢判斷ipad和iPhone各版本

標籤：

/* 判斷ipad */@media only screenand (min-device-width : 768px)and (max-device-width : 1024px){/* style */}

　　

/* ipad橫屏 */@media only screenand (min-device-width : 768px)and (max-device-width : 1024px)and (orientation : landscape){/* style */}

　　

/* ipad豎屏 */@media only screenand (min-device-width : 768px)and (max-device-width : 1024px)and (orientation : portrait){/* style */}

　　

/* 判斷iphone5 *//* 橫屏豎屏判斷方法與ipad一樣 */@media only screenand (min-device-width : 320px)and (max-device-width : 568px){/* style */}

　　

/* 判斷iphone4-iphone4s *//* 橫屏豎屏判斷方法與ipad一樣 */@media only screenand (min-device-width : 320px)and (max-device-width : 480px){/* style */}

　　

/* iphone5解析度 */screen Width = 320px (css像素)screen Height = 568px (css像素)screen Width = 640px (實際像素)screen Height = 1136px (實際像素)Device-pixel-ratio:2

　　

/* iphone4-iphone4s解析度 */screen Width = 320px (css像素)screen Height = 480px (css像素)screen Width = 640px (實際像素)screen Height = 960px (實際像素)Device-pixel-ratio:2

　　

媒體查詢判斷ipad和iPhone各版本