我无法理解为什么当我在浏览器中检查元素（以 100% 查看）时，它给出的像素大小与在 Photoshop 中打开的屏幕截图不同。正如您从所附图片中看到的那样。发生了什么？在附件中，您可以看到浏览器工具提示信息与 Photoshop 不同，它们有所不同。如果在浏览器中以 100% 查看，它们肯定应该相同。像素就是像素，不是吗？顺便说一下，我的屏幕分辨率是 1920 x 1200，在 Photoshop 中打开的屏幕截图正是如此。那么我的浏览器在撒谎吗？
http://postimg.org/image/4l5f1gidn/ 如果我以 100% 的比例截取此图像并在 Photoshop 中打开它，它会显示其尺寸为 350 x 350px，即额外增加了 75%。我无法解释这一点。
答案1
大小始终与当前元素相关 - 如果它嵌入到下一个更高级别，并且 HTML（或 CSS）显示“拉伸以适应”，则所有内容都会相应地拉伸。 可能会有多个级别，因此很难预测它最终会有多大（这也是浏览器编码如此困难的原因之一）。
您的例子似乎被拉长了 75%。
答案2
好的。原因是使用的设备是平板电脑（有点像 Surface Pro 3）。出于某种原因，浏览器不会渲染真实像素，而是渲染“相对”像素。而 Photoshop 会计算图像的实际像素。
这是所谓的“硬件”像素与“参考”像素之间的差异，该设备的“设备像素比”为 1.7
https://bjango.com/articles/min-device-pixel-ratio/ https://stackoverflow.com/questions/8785643/what-exactly-is-device-pixel-ratio