我知道移动设备上固定元素的部分支持，但是想知道是否应该打破这样一个简单的示例？
在移动版Safari，iOS8和iPhone 6上试用
我有一个像这样的固定位置元素...
.circle {
display: block;
height: 100px;
width: 100px;
border-radius: 55px;
text-align: center;
font-size: 12px;
background-color: red;
bottom: 100px;
left: 10px;
position: fixed;
}
在移动浏览器中，不会触发click事件。我正在像这样使用jQuery的'on'方法...
$('.circle').on('click', function() {
console.log('hello');
});
我可以触发此点击的唯一方法是捏缩放，然后尝试再次单击该元素（奇怪）。
为了解决这个问题，您需要像这样的meta标签
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=no">
我使用的系统是将meta标签附加到HTML中，这似乎不适用于viewport meta标签。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句