媒体查询判断ipad和iPhone各版本-白红宇

媒体查询判断ipad和iPhone各版本

阅读量：5268 次

发布时间：2019-06-14

本文共 999 字，大约阅读时间需要 3 分钟。

/* 判断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

转载于:https://www.cnblogs.com/htzan/p/5440715.html

你可能感兴趣的文章

NYOJ-626-intersection set（二分查找）

Jenkins+ProGet+Windows Batch搭建全自动的内部包（NuGet）打包和推送及管理平台

Oracle_Statspack性能诊断工具