Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.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
通过jquery更改某些css样式后出现iOS css错误_Jquery_Html_Css - Fatal编程技术网

通过jquery更改某些css样式后出现iOS css错误

通过jquery更改某些css样式后出现iOS css错误,jquery,html,css,Jquery,Html,Css,首先,我设置了user scalable=no和width=devicewidth 我的元内容是 开始时的视图是这样的 当我单击div中的一个按钮并更改css样式宽度时,$('a')。toggleClass('B')。然后是这样的景色 div容器中的按钮。div contain与设备大小相同,它是cssoverflow:hidden。 单击按钮并更改其样式后。overflow和user scalable=no都失败 如何处理它?我找到了答案 请看这里: }我的第一个想法是-您是否为视口设置了

首先,我设置了
user scalable=no
width=devicewidth

我的元内容是

开始时的视图是这样的

当我单击div中的一个按钮并更改css样式宽度时,
$('a')。toggleClass('B')
。然后是这样的景色

div容器中的按钮。div contain与设备大小相同,它是css
overflow:hidden。

单击按钮并更改其样式后。
overflow
user scalable=no
都失败


如何处理它?

我找到了答案

请看这里:


}

我的第一个想法是-您是否为视口设置了
width=devicewidth
?@当然,我已经设置好了
if (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i)) {
var viewportmeta = document.querySelector('meta[name="viewport"]');
if (viewportmeta) {
    viewportmeta.content = 'width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0';
    document.body.addEventListener('gesturestart', function () {
        viewportmeta.content = 'width=device-width, minimum-scale=0.25, maximum-scale=1.6';
    }, false);
}