給人做H5頁面時候,在下麵添加了微信二維碼,在安卓機中通過微信打開並長按圖片後能正常識別出來, 但是在蘋果系統就怎麼按都沒用,二維碼不能識別。 一行行代碼排查,也看過很多資料感覺還是識別時候,計算圖片高度有偏差,這可能和解析CSS樣式有關,無法正確計算出圖片在屏幕中的高度而導致識別時候有問題。 調整
給人做H5頁面時候,在下麵添加了微信二維碼,在安卓機中通過微信打開並長按圖片後能正常識別出來,
但是在蘋果系統就怎麼按都沒用,二維碼不能識別。
一行行代碼排查,也看過很多資料感覺還是識別時候,計算圖片高度有偏差,這可能和解析CSS樣式有關,無法正確計算出圖片在屏幕中的高度而導致識別時候有問題。
調整了以後發現二維碼圖片本身的邊距必須留足,而且一般是上下間距的問題,我是上下各留了較大的空間,把二維碼的圖片居中,上下如果不想留白的話,也可以放一些圖片文字之類,避免留空。
如下圖: