【问题标题】:Script javascript width ignored iPhone 6. Why?脚本 javascript 宽度忽略 iPhone 6。为什么?
【发布时间】:2017-09-13 23:25:22
【问题描述】:

当我尝试使用宽度条件更改其行为时(至少在 iPhone6 上),我遇到了随机化 2 个数组代码的脚本的问题。基本上,我想交替显示 2 个广告...但是当屏幕小于 850 像素时,我只想显示一个

<script>
    function random_ad(){
        var ads = [];

        //1st Ad
        ads[0] = 'iframe code';
        //2nd Ad
        ads[1] = 'a-img code';

        var screenWidth = window.innerWidth;

        if (screenWidth < 850) {
            //Ads[0] = ads[1]
            ads[0] = '2nd ad code';
        }

        var ry = Math.floor(Math.random()*ads.length);
        document.write(ads[ry]);

    }

    random_ad();
</script>`

当然,我可以用其他方式组织这段代码,但看起来问题是 iPhone6 设备(至少)忽略了这个条件:if (screenWidth

有什么线索吗?

【问题讨论】:

    标签: javascript iphone width screen-size mobile-browser


    【解决方案1】:

    您是否尝试过比较像素密度?
    iPhone重新调整它的屏幕,所以你需要更精确(至少它必须像css那样):

    if (screenWidth < 850 && window.devicePixelRatio == 2) {}
    

    【讨论】:

      猜你喜欢
      • 2012-11-30
      • 1970-01-01
      • 1970-01-01
      • 2015-03-31
      • 2014-01-28
      • 2014-09-28
      • 1970-01-01
      • 2017-06-19
      • 2011-04-12
      相关资源
      最近更新 更多