2012-01-10 45 views
1

我正在一個網站上,實際上需要有不同的視口設置爲iPad和iPhone的一個。當然,我用已知的視口元標記如何設置視口取決於iPhone和ipad

<meta name="viewport" content="width=device-width, initial-scale=0.8">(iPad的視口)

現在我需要設置不同的視口設置爲iPhone,任何想法如何做到這一點?

回答

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 } ?> "> 
+0

感謝您發表您的答案!請注意,你應該在這裏發佈一個答案的有用點,在這個網站上,或者你的帖子風險被刪除[參見常見問題解答,它提到的答案几乎不超過鏈接](http://stackoverflow.com/FAQ#刪除)。如果您願意,您可能仍然包含鏈接,但僅作爲「參考」。答案應該獨立,不需要鏈接。 – 2013-03-05 01:17:21

+0

謝謝!更新了答案。 – Danger14 2013-03-05 21:29:43