在前端学习中，遇到CSS布局尺寸测量的困惑。当设置div宽高为200px，加上10px边框时，预期大小应为220px。然而，使用FastStoneCapture测量得到的尺寸超过350px。问题源于电脑系统缩放设置为175%，即使浏览器缩放为100%。重新启动FastStoneCapture后，测量结果恢复正常，显示为正确的220px。这表明测量工具在系统缩放改变后可能需要重启以更新校准。
CSS——屏幕测量
前端学习中，我使用 FastStone Capture对谷歌浏览器的 div进行像素测量。
在 HTML中
div {
width: 200px;
height: 200px;
background-color: yellowgreen;
border: 10px solid blue;
}
此时，div盒子大小应为200*200
但此时用屏幕标尺量却350+px
浏览器自带的缩放也为100%
电脑系统自带的缩放为175%
此时将系统缩放改为100%，结果FastStone Capture跟随系统屏幕一起缩放，导致测量结果没有变化
在观察各种调试后，发现可能是因为没有重新启动FastStone Capture
将FastStone Capture重新启动后，屏幕测量就正确了
扫一扫
1671
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
