你是否曾遇到雙擊網頁后出現放大縮小的情況?這往往是CSS中一個簡單的小問題,我們可以使用以下方法來禁止雙擊放大縮小:
html { touch-action: pan-y; -webkit-touch-callout: none; }
在以上代碼中,我們使用了touch-action屬性來禁止雙擊事件的默認行為,而-webkit-touch-callout屬性則可以禁止長按鏈接時的默認菜單選項。同時,由于這個問題主要是針對移動端設備出現的,因此將此代碼應用于html標簽即可。
除此之外,也可以在meta標簽中添加以下viewport屬性來防止雙擊放大縮小:
通過以上方法,便可以避免因雙擊放大縮小而帶來的不便和困擾,提升網頁的用戶體驗。
上一篇css 破折號分隔線
下一篇css 省略號 百分比