一個(gè)詭異的h5移動(dòng)端問題，我甚至難以用語言描述，求解決

起因：我被領(lǐng)導(dǎo)要求開發(fā)一個(gè)h5，功能是關(guān)于食堂飯菜投票的，在我剛開始設(shè)計(jì)頁面，并初步繪制完成時(shí)，發(fā)生了詭異的事件，用的框架是angularjs，并輔以jquery和mui。
只要我每次啟動(dòng)nginx，并在瀏覽器端打開鏈接，首次渲染完成后，不管我如何刷新頁面（包括清除瀏覽器緩存），頁面下半部分就是無法點(diǎn)擊，我用谷歌瀏覽器開發(fā)者工具左上角箭頭選取目標(biāo)時(shí)，看到了詭異的一幕，我竟然無法選取頁面的下半部分，鼠標(biāo)放上去，他會(huì)顯示現(xiàn)在放在上半?yún)^(qū)域。經(jīng)測試，除了頁面頂部，其他部分都是這樣的情況，也就是說，鼠標(biāo)點(diǎn)擊，他實(shí)際確是在點(diǎn)擊距離實(shí)際部分靠上的區(qū)域，出現(xiàn)的問題。
最后，只要我在瀏覽器端換個(gè)模擬器，比如從iphone5換成iphone6，一切恢復(fù)正常，再怎么刷新都是正常的，然后退出瀏覽器，重新進(jìn)入，又會(huì)出現(xiàn)，百分之百。
求大神解決
圖片描述

請(qǐng)注意瀏覽器開發(fā)者工具左上角，以及當(dāng)前模擬器是iphone6，不管我如何刷新，結(jié)果都是這樣，十分詭異。

圖片描述

請(qǐng)注意，這次我更換模擬器為iphone5，其他什么都不變，就正常了，不管怎么刷新都是正常的
為了拍攝鼠標(biāo)指針，用手機(jī)拍的，不怎么清晰，大神莫怪

回答

編輯回答

傻叼

chrome自己的bug，出現(xiàn)過幾次，但重啟chrome/系統(tǒng)就好了

2017年3月14日 20:48

編輯回答

懶洋洋

emmm，windows上截圖包含鼠標(biāo)指針可以用FastStone Capture這個(gè)截圖軟件。在設(shè)置里可以設(shè)置包含鼠標(biāo)指針，而且這個(gè)軟件也很好用，我一直都在用

2017年4月18日 12:34

編輯回答

妖妖

我之前也遇到過同樣的問題：是做一個(gè)微信上的活動(dòng)頁面，用的僅僅是 html+jquery，模擬器和真機(jī)出現(xiàn)的問題是我實(shí)際點(diǎn)擊的地方在我點(diǎn)擊元素的上方，所以導(dǎo)致元素上的點(diǎn)擊事件不會(huì)執(zhí)行，

檢查后，代碼沒發(fā)現(xiàn)什么問題，后來重啟了下服務(wù)，莫名其妙地好了。。。不清楚到底什么問題

2018年5月30日 11:29

編輯回答

獨(dú)特范

我也覺得有可能是chrome的問題,你在真實(shí)的手機(jī)上試試,如果是好的就沒問題;如果真機(jī)上也有問題,考慮代碼的兼容性問題吧.當(dāng)時(shí)我也遇到過類似的問題,不過我的是真機(jī)沒問題,chrome有問題.

2018年3月13日 18:44

編輯回答

乖乖噠

我也遇到過這個(gè)問題，你嘗試調(diào)試模擬器的Zoom，可能會(huì)解決

2017年3月15日 02:49

編輯回答

瞄小懶

我覺得首先在模擬器里有這個(gè)問題，你真機(jī)上不一定有，可以先在真機(jī)上看看。另外你可以找其他同事的電腦看看，排除一下你的chrome是不是有啥bug，再看是不是頁面有問題。如果其他人的電腦也有這個(gè)問題，那么你可以嘗試給所有元素加上邊框，看看在iPhone 6的時(shí)候是不是被什么元素?fù)踝×?/p>

2017年12月13日 04:05

編輯回答

互擼娃

真機(jī)沒問題的話就更新下chrome版本如果版本已經(jīng)是最新的了就重新安裝一下

2018年6月7日 20:58

編輯回答

舊螢火

移動(dòng)端頁面還是要上真機(jī)去測，chrome模擬的有時(shí)候差別真的太大

2017年6月7日 21:40

編輯回答

怪痞

這個(gè)問題已經(jīng)解決，手機(jī)上也出現(xiàn)了點(diǎn)不了的問題，但那是代碼問題，至于瀏覽器上的這個(gè)詭異的問題，是瀏覽器問題，但重啟電腦，重啟瀏覽器，清空緩存等等皆沒有用，我的做法是卸載谷歌瀏覽器，但是不清除瀏覽器數(shù)據(jù)，然后重新下載安裝就好了?？赡苁俏夷骋淮胃铝斯雀铻g覽器導(dǎo)致的，總之，我問題解決了，希望對(duì)各位也有幫助，謝謝！

2017年8月19日 00:41