1.1.1 現(xiàn)象

一個用<a>元素制作的按鈕，在微信瀏覽器中顯示的很奇怪，如下圖：

創(chuàng)新互聯(lián)是一家專注于成都做網(wǎng)站、成都網(wǎng)站設計與策劃設計,江干網(wǎng)站建設哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設10多年,網(wǎng)設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:江干等地區(qū)。江干做網(wǎng)站價格咨詢:028-86922220

這個按鈕在iPhone的微信以及Android瀏覽器中打開都是正常的，如下圖：

正常情況下，根據(jù)CSS設置，應該是寬度為80%，居中顯示，但是在Android的微信瀏覽器中寬度就變?yōu)閍uto，也不居中了。

1.1.2 原因

一開始以為是其它的類影響到這個按鈕的屬性，于是：

· 在這個元素上直接寫style，設置其寬度為80%，無效果，設置其寬度為固定值，也無效果；

· 用JS直接設置其寬度為80%或固定值，也無效果；

上面各種修改，用JS查看其寬度屬性，一直為auto。

最后仔細查看該元素的所有CSS屬性，看到“display:inline”，頓時想到是不是這個原因導致，于是將其改為“display:block”，問題解決。

1.1.3 解決

將display:inline改為display:block，或display:inline-block。

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

文章名稱：Android微信內按鈕CSS失效-創(chuàng)新互聯(lián)
鏈接地址：http://sd-ha.com/article38/jjgpp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、App設計、網(wǎng)站改版、自適應網(wǎng)站、定制網(wǎng)站、域名注冊

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)