提示:
1、测试使用的chrome和FireFox,发现offsetWidth(Height)和offsetX(Y)会相差1px。目前使用三目运算符来判断解决相差1px的问题。
2、目前发现的规律是使用高度或宽度有>=0.5的小数点,使用flex,inline-block或不使用也会相差1px。
3、以上说的相差1px并不是全部图片,而是有些会有些不会。具体可以看打印出来的console.log
4、如有大佬发现规律还望告知。
预览.PNG
Titlehtml, body {
margin: 0;
width: 100%;
height: 100%;
}
.img1920,.img319{
display: flex;
}
.img1920 div,.img319 div{
margin-right: 30px;
}
1920*1080:
小图X:0
小图Y:0
中图X:0