微信網頁長按二維碼不識別問題

時間  2019-11-17
標籤 微信 網頁 二維 識別 問題 欄目 HTML 简体版
原文   原文鏈接

問題現象：html

以下圖，這是設計的佈局方式，其中二維碼寬高爲200px，最下面爲一個長頁，而後點按鈕彈出一個浮層（div + position:absolute），而後其中的二維碼怎麼樣就是不識別。google到這個文章，可是沒有解決問題。佈局

問題測試：測試

而後採用新建一個空白html頁面進行測試:google

測試1，結果：二維碼不識別。代碼以下：spa

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=640, user-scalable=no"/>
</head>
<body>
    <div style="position: absolute;top:300px">
        <img src="images/qrcode.png">
    </div>
</body>
</html>

測試2，結果：二維碼不識別，代碼以下：scala

<body>
    <img src="images/qrcode.png" style="position: absolute;top:500px">
</body>

測試3，結果：二維碼不識別，代碼以下：設計

<body>
    <img src="images/qrcode.png" style="margin-top:500px">
</body>

測試4，結果：能夠識別二維碼，最終有效代碼以下：code

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=640, user-scalable=no"/> </head> <body>     <div style="position: absolute;top:0px;z-index:9;">         <img src="一個1px*1px的透明png圖片" width="640px" height="想要的高度px" alt="">         <img src="images/qrcode.png">     </div> </body> </html>
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程