文章目录
[+]
当前有 IPhone 和 IPad 两种手机，由于它们利用不同内核的浏览器，以是同一网页它们显示不一样，可能在 IPhone 显斧正常，而在 IPad 显示不正常，这就须要给它们定义独立的CSS样式。
一、CSS3针对IPhone定义CSS样式的引用方法
如果给 IPhone 手机定义一个独立的CSS样式文件，我们在html文件（或 aspx、php 文件）中该当如何引用呢？跟普通的CSS文件引用也差不多，只是须要增加一个 media 属性，在该属性中作相应的定义。如果已经定义好了一个针对IPhone手机的CSS样式文件IPhone.css，则用 html 文件中的引用方法如下：
（图片来自网络侵删）
media 属性中的 -webkit 表示 webkit 内核的浏览器，利用该内核的浏览器有 Chrome（谷歌）和 Safari（苹果)。
二、CSS3针对IPad定义CSS样式的引用方法
CSS3针对IPad定义CSS样式时，可定义为坚屏和横屏两种，引用这两种样式的CSS文件方法也一样，只是在 media 属性中须要解释是坚屏还是横屏，两种CSS文件的引用方法分别如下：
定义为坚屏CSS文件的引用：
定义为横屏CSS文件的引用：
引用坚屏与横屏CSS文件的差别仅在 portrait 与 landscape，前者是坚屏的意思，后者是横屏的意思。
