我的网站显示的图像大于原始大小。图像比使用photoshop创建的原始图像大20％（例如），如果图像的宽度为200px，则浏览器显示为240px。
所以我的所有图像都模糊了。
你知道为什么吗？
以下是我的代码的一部分：
首先在head标签中我有这个meta标签：
<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">
这张图片的宽度是250px，在Photoshop中它看起来很完美，但在浏览器中（chrome或firefox是相同的）它看起来更大和模糊，但是，如果我将浏览器缩小到80％，图像是完美的
我找到了解决方案！
Windows 10的默认设置dpi设置为125％（搜索dpi进入搜索框然后查看“更新文本应用程序和其他元素”），这会增加我的显示器中所有内容的尺寸，因此我的网站中的图像是大于25％。
我可以做些什么来阻止我的网站上的这种行为，并继续使用默认的Windows设置dpi？
我有类似的问题，但出于其他原因。我在设置
width: 100%;
height: 100%;
而且形象越来越大。
我删除了宽度：100％（仅设置高度：100％），图像现在具有原始大小。
请注意，图像不会响应。您可以使用以下方法限制图像大小并继续使用响应图像：https://stackoverflow.com/a/14390145/8477340