为什么用十进制像素渲染图像？答案

【问题标题】：Why is the image rendered with decimal pixels?为什么用十进制像素渲染图像？
【发布时间】：2016-06-20 07:50:56
【问题描述】：

我正在尝试创建一个仅包含 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 浏览器中对此进行测试，这是渲染的屏幕截图：

如您所见，图像的尺寸是小数，导致渲染模糊。

【问题讨论】：

我使用的是 Chrome 49.0.2623.75 beta-m (64-bit)，渲染为 272px X 92px。没有小数。
你缩小到 90%.. 这就是为什么你有十进制值..
完全正确，就是放大！

标签： html css image render

【解决方案1】：

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

我认为这是因为viewport 元标记中的minimum-scale 设置为小数。

此外，您已缩小到 90%。

按CTRL + 0 重置您的缩放。

【讨论】：