無法點擊移動Safari上的固定位置元素

Question

我知道固定元素對移動設備的部分支持，但想知道是否應該打破這樣的簡單示例？

在移動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; 
} 

在移動Safari瀏覽器的單擊事件不會觸發。我使用jQuery的「上」的方法是這樣的...

$('.circle').on('click', function() { 
    console.log('hello'); 
}); 

唯一的辦法我能得到這個點擊觸發的按捏縮放，然後嘗試再次單擊該元素（怪異）。

Answer 1

爲了解決這個問題，你需要像這樣

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximum-scale=1, user-scalable=no"> 

我使用了附加的meta標籤到這似乎並不爲視meta標籤的工作HTML系統中的meta標籤。