我们在学盒子模型的时候,可能会遇到这样的问题:你设置的像素为整数,浏览器显示盒子的实际像素和不一致或有小数问题;
自己设置额边框为5px,可是浏览器显示为4.800px
这个时候我们经过查询发现是浏览器的缩放问题,然后我发现自己的缩放就是100%,没有问题呀
然后我在网上找啊找;一无所获,然后我就瞬间想到了W10系统自己的缩放;然后我在设置---显示中看到了缩放与布局,果然自己的缩放比是125%,这个是系统推荐的,所以我想大家要是用的和我同版W10就会遇到这个问题。
缩放比设置为100%之后你就会奇迹的发现设置和显示是一致的。
设置与显示不一致并不影响页面渲染,以此篇推荐给强迫症码农。
在学习CSS盒子模型时,可能会遇到设置的边框像素与浏览器显示不一致的情况,例如5px显示为4.800px。问题根源在于Windows10系统的缩放设置,即使系统显示缩放为100%,实际可能是125%等其他比例。将缩放比例调整回100%后,可以解决这个差异问题,不影响页面渲染,但对于追求细节的开发者来说是个需要注意的点。
1064





