我的网站显示的图片比原来的大。2比如说，用photoshop创建的图片比原来的大20%，如果一个图片的宽度是200px，浏览器显示的是240px。所以我所有的图像都模糊了。你知道为什么吗？
1u4esq0p1#
"我找到了解决办法"Windows 10的默认dpi设置为125%（在搜索框中搜索dpi，然后查看“更新文本应用程序和其他元素”），这增加了我显示器中所有内容的维度，所以进入我网站的图像比之前大了25%。我可以做些什么来防止这种行为在我的网站上，并继续使用默认的windows设置dpi？
vfh0ocws2#
下面是我的代码的一部分：首先在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%，这张图片是完美的
a11xaf1n3#
我的Chrome浏览器比我的图片浏览器应用显示得更大。正如Daniele所说。我在windows中的显示设置被缩放到125%。当我将显示比例更改为100%时，图片查看器应用程序仍然显示相同的图片大小，而只是改变了按钮和其他显示元素的比例。所以也许它's有用的信息，我的显示比例不会改变图像显示大小，但其他一切。另一方面，浏览器是完全由系统显示比例改变。我甚至发现http://whatismyscreenresolution.net/读我的屏幕尺寸太小，根据我的系统显示比例被设置得更大。
3条答案
按热度按时间1u4esq0p1#
"我找到了解决办法"
Windows 10的默认dpi设置为125%（在搜索框中搜索dpi，然后查看“更新文本应用程序和其他元素”），这增加了我显示器中所有内容的维度，所以进入我网站的图像比之前大了25%。
我可以做些什么来防止这种行为在我的网站上，并继续使用默认的windows设置dpi？
vfh0ocws2#
下面是我的代码的一部分：
首先在head标签中我有这个 meta标签：
我的css没有任何缩放或类似功能，我的html是这样的：
这张图片的宽度是250px，在photoshop中看起来很完美，但在浏览器（chrome或firefox都一样）中看起来更大，而且模糊，但是，如果我把浏览器缩小到80%，这张图片是完美的
a11xaf1n3#
我的Chrome浏览器比我的图片浏览器应用显示得更大。正如Daniele所说。我在windows中的显示设置被缩放到125%。当我将显示比例更改为100%时，图片查看器应用程序仍然显示相同的图片大小，而只是改变了按钮和其他显示元素的比例。所以也许它's有用的信息，我的显示比例不会改变图像显示大小，但其他一切。另一方面，浏览器是完全由系统显示比例改变。我甚至发现http://whatismyscreenresolution.net/读我的屏幕尺寸太小，根据我的系统显示比例被设置得更大。