前端 - 微信瀏覽器 css3圓角問(wèn)題
問(wèn)題描述
今天，我按照很正常的使用方式寫(xiě)了個(gè)圓角樣式應(yīng)用在一張圖片上，在chrome瀏覽器和iPhone的微信瀏覽器看都很正常，但是到了Android的微信瀏覽器，就變得很奇怪，下面是完整的代碼，這是jsbin的運(yùn)行代碼，也是我期望的效果。
在這里想請(qǐng)教一下大家，謝謝！
<html><head> <meta name='viewport' content='width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0'> <title></title> <style>html, body { margin: 0; padding: 0; text-align: center;}body { padding-top: 50px; background-color: #999;}.headimg { width: 150px; height: 150px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 5px solid red;} </style></head><body><img src='http://t3.qpic.cn/mblogpic/9e64a806a808a55ca1ea/2000' alt=''></body></html>
問(wèn)題解答
回答1：對(duì)不起各位，剛才是我自己腦袋秀逗了。
<html><head> <meta name='viewport' content='width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0'> <title></title> <style>html, body { margin: 0; padding: 0; text-align: center;}body { padding-top: 50px; background-color: #999;}.wrapper { background-color: #fff; padding: 5px; width: 150px; height: 150px; line-height: 150px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}.headimg { width: 150px; height: 150px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} </style></head><body><p class='wrapper'><img src='http://t3.qpic.cn/mblogpic/9e64a806a808a55ca1ea/2000' alt=''></p></body></html>
相關(guān)文章：
1. PHP單例模式2. docker綁定了nginx端口 外部訪問(wèn)不到3. javascript - webpack打包c(diǎn)ss文件為link形式或者為style形式方案評(píng)價(jià)？4. android - 百度地圖模擬器上報(bào)錯(cuò)5. html - 在一個(gè)table表單中 td用v-for 使用v-if判斷是否顯示 然后用一個(gè)外部的button 判斷點(diǎn)擊最后一行隱藏6. javascript - ndoe 如何讀取mac系統(tǒng)下.numbers文件，或者解析.numbers文件的庫(kù)7. JavaScript 將數(shù)組中的數(shù)字按大小順序排列8. dockerfile - 我用docker build的時(shí)候出現(xiàn)下邊問(wèn)題 麻煩幫我看一下9. javascript - react input file10. python 讀取csv文件可以讀取但內(nèi)容錯(cuò)誤，但單獨(dú)用excel打開(kāi)正常，如何解決？
網(wǎng)公網(wǎng)安備