通过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与设备大小相同,它是cssoverflow: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);
}