如何仅为iphone或ipad设置视口？ [英] How to set viewport only for iphone or ipad?

问题描述

我有一个网站需要在iphone上使用0.3值的视口，但是对于ipad需要0.7。

有没有办法只为iphone或ipad设置视口这是一个解决方案......

 <！ -  in head  - > 
< meta id =viewportname ='viewport'> 
< script> 
（函数（doc）{
 var viewport = document.getElementById（'viewport'）; 
 if（navigator.userAgent.match（/ iPhone / i）|| navigator.userAgent.match （/ iPod / i））{
 viewport.setAttribute（content，initial-scale = 0.3）; 
} else if（navigator.userAgent.match（/ iPad / i））{ 
 viewport.setAttribute（content，initial-scale = 0.7）; 
} 
}（document））; 
< / script> 
  

I have a website that needs to use 0.3 value for viewport on iphone, but 0.7 for ipad.

Is there a way to set viewport for only iphone or ipad?

解决方案

Here is one solution...

<!-- in head -->
<meta id="viewport" name='viewport'>
<script>
    (function(doc) {
        var viewport = document.getElementById('viewport');
        if ( navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i)) {
            viewport.setAttribute("content", "initial-scale=0.3");
        } else if ( navigator.userAgent.match(/iPad/i) ) {
            viewport.setAttribute("content", "initial-scale=0.7");
        }
    }(document));
</script>

这篇关于如何仅为iphone或ipad设置视口？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！