Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/google-app-engine/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Responsive design 在Windows Phone和Androids上,JSSOR滑块不随方向翻转调整大小_Responsive Design_Slider_Device Orientation_Jssor_Responsive Slides - Fatal编程技术网

Responsive design 在Windows Phone和Androids上,JSSOR滑块不随方向翻转调整大小

Responsive design 在Windows Phone和Androids上,JSSOR滑块不随方向翻转调整大小,responsive-design,slider,device-orientation,jssor,responsive-slides,Responsive Design,Slider,Device Orientation,Jssor,Responsive Slides,我已经在我的网站上的响应式重新设计中实现了JSSOR滑块。您可以查看它 起初,我在iPhone和iPad上遇到了滑块响应方向改变的问题。通过一些研究,我发现我必须添加一个orientationchange命令来修复它 在我完成这项工作后,我试着在Windows手机和Android手机上进行方位调整。重新调整大小在这两个设备上都不起作用 我认为resize命令应该会处理它 我认为问题所在的代码是: 鳞片滑翔机 if (!navigator.userAgent.match(/(iPh

我已经在我的网站上的响应式重新设计中实现了JSSOR滑块。您可以查看它

起初,我在iPhone和iPad上遇到了滑块响应方向改变的问题。通过一些研究,我发现我必须添加一个orientationchange命令来修复它

在我完成这项工作后,我试着在Windows手机和Android手机上进行方位调整。重新调整大小在这两个设备上都不起作用

我认为resize命令应该会处理它

我认为问题所在的代码是:

鳞片滑翔机

        if (!navigator.userAgent.match(/(iPhone|iPod|iPad|BlackBerry|IEMobile|Android)/)) {
            $(window).bind('resize', ScaleSlider);
        }
        else {
          $(window).bind("orientationchange", ScaleSlider);
        }

下面的事件处理代码是什么

    if (!navigator.userAgent.match(/(iPhone|iPod|iPad|BlackBerry|IEMobile|Android)/)) {
        $(window).bind('resize', ScaleSlider);
    }

    $(window).bind("orientationchange", ScaleSlider);
请将以下代码放置在头标签中

<meta name="viewport" content="width=device-width, initial-scale=1">

请将您的代码添加到您认为可能存在错误的问题中。如何设置