浏览器显示比原始尺寸大的图像
browser displays images bigger than original size
我的网站显示的图片比原始尺寸大。
图片比使用photoshop创建的原始图片大20%（例如），如果图片的宽度为200px，浏览器显示为240px。
所以我所有的图像都模糊了。
你知道为什么吗？
这是我的部分代码：
首先在 head 标签中我有这个元标签：
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0,user-scalable=1, height = device-height" />
我的 css 没有任何缩放或类似功能，我的 html 是这样的：
<img src="/path-to-image-folder-ebook-cover.jpg">
这张图片的宽度是 250 像素，在 photoshop 中它看起来很完美，但在浏览器中（chrome 或 firefox 是一样的）它看起来更大而且模糊，但是，如果我将浏览器缩小到80%，图像完美
我找到了解决办法！
Windows 10 将 dpi 的默认设置设置为 125%（在 serach 框中搜索 dpi，然后查看 "update text app and other elements"），这增加了我显示器中所有内容的尺寸，因此我网站上的图片大了 25%。
我能做些什么来防止我的网站出现这种行为并继续使用默认的 windows 设置 dpi？
我的网站显示的图片比原始尺寸大。 图片比使用photoshop创建的原始图片大20%（例如），如果图片的宽度为200px，浏览器显示为240px。
所以我所有的图像都模糊了。
你知道为什么吗？
这是我的部分代码：
首先在 head 标签中我有这个元标签：
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0,user-scalable=1, height = device-height" />
我的 css 没有任何缩放或类似功能，我的 html 是这样的：
<img src="/path-to-image-folder-ebook-cover.jpg">
这张图片的宽度是 250 像素，在 photoshop 中它看起来很完美，但在浏览器中（chrome 或 firefox 是一样的）它看起来更大而且模糊，但是，如果我将浏览器缩小到80%，图像完美
我找到了解决办法！
Windows 10 将 dpi 的默认设置设置为 125%（在 serach 框中搜索 dpi，然后查看 "update text app and other elements"），这增加了我显示器中所有内容的尺寸，因此我网站上的图片大了 25%。
我能做些什么来防止我的网站出现这种行为并继续使用默认的 windows 设置 dpi？