防止操作系统使用CSS调整图像大小

时间:2016-10-14 01:37:05

标签: html css image pixel screen-density

好的,这就是问题所在。我在Photoshop中设计了一个网站模型(设置为72dpi)。

我导出一个logo.png文件,其宽度和高度为:295px x 129px。

我直接在浏览器(Chrome或Firefox)中访问logo.png文件,图片显示大25%。我通过截取屏幕并将它们并排比较来验证这一点。

我想知道问题是什么,我意识到在Windows 8控制面板上(外观和分辨率 - >显示),"更改所有项目的大小"设置为"较大 - 150%(默认)"。我在2台4k显示器上。

如果我将此值更改为125%并重新登录到Windows用户,则所有内容都会显得更小(令人不舒服地更小),但在浏览器中,我的图片现在显示的大小正确。

所以我的问题是这个......

有没有办法阻止浏览器调整图片内容的大小?我宁愿不通过指定宽度来破解它:75%,原因显而易见(具有100%OS项目比例的那些会看到它更小)。

0 个答案:

没有答案