以像素为单位的图像大小，从 Photoshop 到网页答案

【问题标题】：image size in pixels, from Photoshop to webpage以像素为单位的图像大小，从 Photoshop 到网页
【发布时间】：2016-11-28 21:14:15
【问题描述】：

我有这个在 Photoshop 中创建的 png 图像，64x64 像素。我在我的网页上创建了一个高度和宽度设置为 64 像素的 div，并为该 div 设置了 1 像素的边框。如果我将 png 放在 div 内，则图像比 div 大。如果 div 的图像和大小都设置为 64x64，为什么会这样？

【问题讨论】：

您能否包含足够的代码来演示您面临的问题？否则可能很难确定原因。
在某些浏览器中，div的宽度包括边框宽度

标签： html css photoshop

【解决方案1】：

抱歉....

经过反复试验，我发现这实际上是浏览器问题。我以前有不同大小的 div，我使用的是 Chrome。花了我一段时间，但我发现 Chrome 使用页面的缓存版本（我在 localhost 上使用 Xamp）并且简单地重新加载页面并没有更新 div 的宽度和/或高度。看来它根本没有更新。切换到 Firefox 解决了我的问题

【讨论】：