仅针对 iPad 和 iPhone 的特定样式表
Posted
技术标签:
【中文标题】仅针对 iPad 和 iPhone 的特定样式表【英文标题】：Targeting Specific Style Sheets only for iPad and iPhone 【发布时间】：2015-10-14 05:07:19 【问题描述】：由于移动设备（iPhone 和 iPad）的 Safari 浏览器不完全支持 Tahoma 字体，因此只想为 iPhone 和 iPad 设置 Arial 字体。那么如何设置字体类型 Arial 仅适用于 iPhone 和 iPad，而其他操作系统将有 Tahoma 字体。
请帮帮我
【问题讨论】：
【参考方案1】：针对特定样式表 iPad 和 iPhone 请将此代码放在您的<head> 标签中：
<!--[if !IE]>-->
<link type="text/css" rel="stylesheet" media="only screen and (max-device-width: 480px)" href="http://example.com/iPhone.css" />
<link type="text/css" rel="stylesheet" media="only screen and (min-device-width: 768px) and (max-device-width: 1024px)" href="http://example.com/iPad.css" />
<!--<![endif]-->
【讨论】：
非常感谢阿布拉。但我想它也会影响android。我只需要特定于 iPhone 和 iPad。 在 ipad 上使用这个：@media only screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-min-device-pixel-ratio: 1) /* 您的 iPad 特定规则在这里 */ 谢谢...我会试试这个。以上是关于仅针对 iPad 和 iPhone 的特定样式表的主要内容，如果未能解决你的问题，请参考以下文章
发布的应用在应用商店中显示与 iPad 兼容，但仅针对 iPhone 编译