仅针对iPad和iPhone定位特定样式表

问题描述：

由于适用于移动设备（iPhone和iPad）的Safari浏览器不完全支持Tahoma字体，因此只需为iPhone和iPad设置Arial字体。那么如何才能为iPhone和iPad设置字体类型Arial，而其他操作系统将具有Tahoma字体。仅针对iPad和iPhone定位特定样式表

请帮我

答

要针对特定的样式表的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。 – Vrush

使用这个为ipad：@media唯一屏幕和（设备宽度：768px）和（设备高度：1024px）和（-webkit-min-device-pixel-ratio：1） /*您的iPad具体规则在这里*/ } –

谢谢...我会试试这个。 – Vrush

仅针对iPad和iPhone定位特定样式表

相关推荐