今天，我按照很正常的使用方式写了个圆角样式应用在一张图片上，在chrome浏览器和iPhone的微信浏览器看都很正常，但是到了Android的微信浏览器，就变得很奇怪，下面是完整的代码，这是jsbin的运行代码，也是我期望的效果。
在这里想请教一下大家，谢谢！
<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 class="headimg" src="http://t3.qpic.cn/mblogpic/9e64a806a808a55ca1ea/2000" alt="">
</body>
</html>
PHP中文网2017-04-17 11:21:40
对不起各位，刚才是我自己脑袋秀逗了。
<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 class="headimg" src="http://t3.qpic.cn/mblogpic/9e64a806a808a55ca1ea/2000" alt="">
</p>
</body>
</html>