在微信公眾號中,我們經(jīng)常需要用到圖片。但是,有時候用戶在長按圖片時,出現(xiàn)了不太美觀的效果。比如,在 iOS 設備上,在圖片上長按的時候,圖片會自動被放大,而這可不是我們想要的效果。
那么,該怎么解決這個問題呢?下面,我們將介紹一種 CSS 方法,可以解決微信圖片長按出現(xiàn)的問題。
img { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ }
上面的代碼中,我們使用了“user-select:none”屬性。在 CSS 中,這個屬性可以讓用戶不能選擇某些元素。在上面的代碼中,我們把“user-select:none”應用到了 img 標簽上,從而禁止了圖片被選中,也就避免了用戶長按圖片出現(xiàn)的放大問題。
還有一點需要注意的是,在上面的代碼中,我們加上了一些瀏覽器前綴。因為不同的瀏覽器可能需要不同的前綴。
總之,上面的 CSS 代碼可以很好地解決微信圖片長按的問題。如果您經(jīng)常需要在微信公眾號中發(fā)布圖片,不妨嘗試一下。