Html 为什么图像渲染为十进制像素？_Html_Css_Image_Render

Html 为什么图像渲染为十进制像素？

html css image

Html 为什么图像渲染为十进制像素？,html,css,image,render,Html,Css,Image,Render,我试图创建一个只有谷歌徽标的空白页面，我注意到了一些非常奇怪的事情：图像没有以272x92的全尺寸呈现，而是缩小了以下是HTML： <!DOCTYPE html> <html> <head></head> <body> <img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.p

我试图创建一个只有谷歌徽标的空白页面，我注意到了一些非常奇怪的事情：图像没有以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浏览器中对此进行测试，下面是渲染的屏幕截图：

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


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

我认为这是因为

视口中的最小比例
元标记设置为十进制
而且，你的比例缩小到了90%
按CTRL+0可重置缩放。
我使用的是Chrome49.0.2623.75 beta-m（64位）
，渲染为272px 92px
。没有小数点。你被缩小到90%。。这就是为什么你有十进制值…绝对正确，这是缩放！