Android浏览器显示的边框半径和边框都不正确

时间:2015-05-18 04:52:21

标签: android html css sass

我的项目需要一个盒子,内容和阴影之间存在差距。这是我的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浏览器之外的现代浏览器上正确显示。边界和边界半径似乎有冲突。

Android display Issue

0 个答案:

没有答案