成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

簡(jiǎn)單記錄個(gè)a標(biāo)簽點(diǎn)不上的bug

Cristalven / 677人閱讀

摘要:簡(jiǎn)單記錄下問(wèn)題官網(wǎng)頁(yè)面移動(dòng)端測(cè)試時(shí),發(fā)現(xiàn)底部頁(yè)腳的標(biāo)簽無(wú)論如何點(diǎn)不動(dòng)。因?yàn)樵摌?biāo)簽不需要響應(yīng)點(diǎn)擊事件,所以直接加了句,問(wèn)題解決。

官網(wǎng)改版時(shí)碰到的問(wèn)題。簡(jiǎn)單記錄下:

【 問(wèn)題 】

官網(wǎng)index頁(yè)面移動(dòng)端測(cè)試時(shí),發(fā)現(xiàn)底部頁(yè)腳的a標(biāo)簽無(wú)論如何點(diǎn)不動(dòng)。

【 Debug 過(guò)程 】

1、先是在pc端用瀏覽器模擬手機(jī)看了下,問(wèn)題重現(xiàn);

2、然后看了下“規(guī)則”和“計(jì)算后”面板(用的是FireFox,習(xí)慣了……分別對(duì)應(yīng)Chrome的styles和computed),a標(biāo)簽本身的樣式似乎是沒(méi)問(wèn)題的,周圍也沒(méi)啥問(wèn)題……

3、丟到chrome里,問(wèn)題依然重現(xiàn),繼續(xù)懵逼……

4、無(wú)意間關(guān)掉了移動(dòng)端模擬,居然好了臥槽!!!(黑人問(wèn)號(hào)臉.gif)繼續(xù)懵逼……

5、試著用“選擇元素”工具去點(diǎn)選a標(biāo)簽,居然點(diǎn)到了上邊一個(gè)透明的空標(biāo)簽上(有寬高),試了幾次都是如此(嗯?),然后檢查發(fā)現(xiàn)該標(biāo)簽position: fixed;,移動(dòng)端頁(yè)面收縮后擠下來(lái)、整好遮擋住了a標(biāo)簽……至此找到原因。

6、因?yàn)樵摌?biāo)簽不需要響應(yīng)點(diǎn)擊事件,所以直接加了句pointer-events:none,問(wèn)題解決。

【 小結(jié) 】

其實(shí)最開(kāi)始應(yīng)該先試下z-index的(個(gè)人有點(diǎn)排斥這個(gè)樣式,都是自然寫法),失策失策~~

不要隨便寫fixed的透明標(biāo)簽……血淚教訓(xùn)=_=|||……

無(wú)比懷念FireFox的3D模式……然并卵。以后只好用“選擇元素”排除類似的bug了。

pointer-events:none真的是神器,省了很多js(其實(shí)是jq)“事件監(jiān)聽(tīng)+選擇器判斷/過(guò)濾”的事。

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/50321.html

相關(guān)文章

  • 簡(jiǎn)單記錄個(gè)a標(biāo)簽點(diǎn)不上的bug

    摘要:簡(jiǎn)單記錄下問(wèn)題官網(wǎng)頁(yè)面移動(dòng)端測(cè)試時(shí),發(fā)現(xiàn)底部頁(yè)腳的標(biāo)簽無(wú)論如何點(diǎn)不動(dòng)。因?yàn)樵摌?biāo)簽不需要響應(yīng)點(diǎn)擊事件,所以直接加了句,問(wèn)題解決。 官網(wǎng)改版時(shí)碰到的問(wèn)題。簡(jiǎn)單記錄下: 【 問(wèn)題 】 官網(wǎng)index頁(yè)面移動(dòng)端測(cè)試時(shí),發(fā)現(xiàn)底部頁(yè)腳的a標(biāo)簽無(wú)論如何點(diǎn)不動(dòng)。 【 Debug 過(guò)程 】 1、先是在pc端用瀏覽器模擬手機(jī)看了下,問(wèn)題重現(xiàn); 2、然后看了下規(guī)則和計(jì)算后面板(用的是FireFox,習(xí)慣了...

    neuSnail 評(píng)論0 收藏0
  • 踩坑---一個(gè)不是坑的難以言喻的坑,有關(guān)企業(yè)微信在iOS端上傳文件的坑

    摘要:我們的業(yè)務(wù)代碼是在自己的客戶端微信釘釘企業(yè)微信四個(gè)地方跑的同一套代碼。描述的具體描述是企業(yè)微信用戶在使用上傳圖片時(shí),無(wú)反應(yīng)。 起因 今早一去公司,被組長(zhǎng)遠(yuǎn)程發(fā)過(guò)來(lái)一個(gè)Bug,據(jù)說(shuō)是用戶反饋的一個(gè)iOS的問(wèn)題,在我們的業(yè)務(wù)中,有一個(gè)有關(guān)圖片上傳的問(wèn)題。我們的業(yè)務(wù)代碼是在自己的客戶端、微信、釘釘、企業(yè)微信四個(gè)地方跑的同一套代碼。 Bug描述 Bug的具體描述是企業(yè)微信用戶在使用上傳圖片時(shí),...

    geekidentity 評(píng)論0 收藏0
  • 以太坊合約的安全性弱點(diǎn),你都繞開(kāi)了嗎 III

    摘要:新年前,我們最后來(lái)談一談以太坊安全性的特點(diǎn)。以太坊使用了一個(gè)硬分叉解決了這一問(wèn)題。合約擁有者利用函數(shù)的異常處理和調(diào)用棧大小限制進(jìn)行攻擊。結(jié)語(yǔ)通過(guò)這幾期對(duì)參考文獻(xiàn)的學(xué)習(xí),我們看到了一些以太坊合約中設(shè)計(jì)的弱點(diǎn)。 新年前,我們最后來(lái)談一談以太坊安全性的特點(diǎn)。 不可能修改的bug 當(dāng)合約公開(kāi)在區(qū)塊鏈上之后,它就不能去修改了。相應(yīng)的,合約中出現(xiàn)的任何 bug 也沒(méi)有機(jī)會(huì)改正。如果希望能夠修改bu...

    qqlcbb 評(píng)論0 收藏0
  • 以太坊合約的安全性弱點(diǎn),你都繞開(kāi)了嗎 III

    摘要:新年前,我們最后來(lái)談一談以太坊安全性的特點(diǎn)。以太坊使用了一個(gè)硬分叉解決了這一問(wèn)題。合約擁有者利用函數(shù)的異常處理和調(diào)用棧大小限制進(jìn)行攻擊。結(jié)語(yǔ)通過(guò)這幾期對(duì)參考文獻(xiàn)的學(xué)習(xí),我們看到了一些以太坊合約中設(shè)計(jì)的弱點(diǎn)。 新年前,我們最后來(lái)談一談以太坊安全性的特點(diǎn)。 不可能修改的bug 當(dāng)合約公開(kāi)在區(qū)塊鏈上之后,它就不能去修改了。相應(yīng)的,合約中出現(xiàn)的任何 bug 也沒(méi)有機(jī)會(huì)改正。如果希望能夠修改bu...

    gnehc 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<