如何根据iphone& amp; iPad的

时间:2012-01-10 09:35:57

标签: javascript iphone ipad mobile-safari viewport

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

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

现在我需要为iphone设置不同的视口设置,任何想法如何做到这一点?

1 个答案:

答案 0 :(得分: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 } ?> ">