为什么图像呈现小数像素？

2016-03-06 23 views 1 likes

我试图创建一个只带有Google徽标的空白页面，并且发现了一些非常奇怪的事情：图像不是以272x92的全尺寸显示，而是正在缩小。为什么图像呈现小数像素？

这里的HTML：

<!DOCTYPE html> 
<html> 
    <head></head> 
    <body> 
     <img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png"> 
    </body> 
</html>

我在最新的Chrome浏览器中测试这一点，这里的的渲染截图：

正如你所看到的图像的尺寸小数点会导致模糊的渲染。

来源

2016-03-06 smaili

我正在使用Chrome'49.0.2623.75 beta-m（64位）'，渲染器是'272px X 92px'。没有小数。 –

你会放大到90％..这就是为什么你有十进制值.. – cybermonkey

绝对是正确的，这是变焦！ – smaili

回答

<meta name="viewport" content="width=device-width, minimum-scale=0.1">

我想这是因为minimum-scale在viewport meta标签设置为十进制。

此外，你缩小到90％。

按CTRL + 0重置缩放。

来源

2016-03-06 20:48:05

绝对正确，这是变焦！ – smaili

为什么图像呈现小数像素？

回答

相关问题