如何根据 iphone & ipad 设置视口答案

【问题标题】：How to set Viewport for depending on iphone & ipad如何根据 iphone & ipad 设置视口
【发布时间】：2012-01-10 09:35:57
【问题描述】：

我正在开发一个网站，该网站实际上需要为 ipad 和 iphone 设置不同的视口设置。当然，我使用了已知的视口元标记

<meta name="viewport" content="width=device-width, initial-scale=0.8">（ipad 视口）

现在我需要为 iphone 设置不同的视口设置，有什么想法吗？

【问题讨论】：

标签： javascript iphone ipad mobile-safari viewport

【解决方案1】：

Safari Developer Library Guide: Configuring the Viewport 对不同的视口有很好的洞察力，但不适用于 iPad。此解决方案来自相关的quora question。

<meta name="viewport" content="user-scalable=no  
<?php if(strstr($_SERVER['HTTP_USER_AGENT'],'iPhone') || strstr($_SERVER['HTTP_USER_AGENT'],'iPod')){ ?>
,width=device-width <?php } else { ?>,initial-scale=0.9 <?php } ?> ">

【讨论】：

感谢您发布您的答案！请注意，您应该在此处、此站点上发布有用的答案点，否则您的帖子可能会被删除 See the FAQ where it mentions answers that are 'barely more than a link'。如果您愿意，您仍然可以包含该链接，但仅作为“参考”。答案应该是独立的，不需要链接。