前端 - 微信瀏覽器 css3圓角問(wèn)題
問(wèn)題描述
今天，我按照很正常的使用方式寫了個(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. index.php錯(cuò)誤，求指點(diǎn)2. javascript - 如何判斷用戶切換到了當(dāng)前標(biāo)簽頁(yè)？3. 微信chooseImage接口部分機(jī)型選擇圖片后莫名其妙的跳轉(zhuǎn)其他頁(yè)面4. python小白，問(wèn)一個(gè)關(guān)于可變類型和不可變類型底層的問(wèn)題5. node.js - node垃圾回收、內(nèi)存泄漏相關(guān)問(wèn)題6. android - 新建項(xiàng)目卡在Gradle:Resolvedependencies’:app:_debugCompile’7. css - 為什么設(shè)置了charset="UTF-8"中文還是亂碼呢？并且文件編碼也是UTF-8,用的sublime8. python - Pycharm的Debug用不了9. python - PyQt5 如何獲得標(biāo)題?10. html5 - qq空間播放視頻的返回?cái)?shù)據(jù)
網(wǎng)公網(wǎng)安備