我的项目需要一个盒子,内容和阴影之间存在差距。这是我的Sass代码。
.avatar
{
display: inline-block;
border: 5px solid #FFF;
overflow: hidden;
max-width: rem-calc(160);
border-radius: 50%;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
img
{
//
}
}
,HTML代码很简单:
<div class="avatar">
<img href='' alt=''>
</div>
请参阅下面附图,我可以在除了android 4.2.2浏览器之外的现代浏览器上正确显示。边界和边界半径似乎有冲突。