Firefox和Chrome的保证金大小不同

时间:2019-01-01 04:54:19

标签: html css responsive-design

Firefox和Chrome的页边距大小不同,我附上了两个浏览器图像,我的CSS代码请提供反馈信息以解决该问题。

Firefox ui:

enter image description here

Chrome用户界面:

enter image description here

CSS代码:

.toparea-right .user-img > img {
    border-radius: 50%;
    display: inline-block;
    -webkit-transform: scale(0.90);
    -moz-transform: scale(0.90);
    transform: scale(0.90);
    vertical-align: inherit;
    float: right;
    margin-right: -395px;
    margin-top: -115px;
    width: 45px;
}

在Chrome浏览器中,margin-top:-115px起作用,但在Firefox中,它处于顶端,但margin-top:-15px在工作的Firefox。

1 个答案:

答案 0 :(得分:0)

使用此代码段重置浏览器默认值

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}