浏览器缩放为100％，未显示实际图像像素比率

Question

我是网络开发新手，我面临一个令人沮丧的问题，我设置了尺寸为1920px x 1044px的背景图片，但当浏览器缩放（Firefox）设置为100％时，图像要大得多比实际尺寸，我必须将浏览器缩放到80％才能准确地看到网站。它与其他内容相同。有什么具体可以理解吗？问题与Google Chrome相同。

Answer 1

我不完全确定你在问什么，但如果我理解igt你应该在css中将宽度设置为100％

这就是html应该是什么样子

<img src="imagehere" id="imageid"/>

然后是css

#imageid{
    width: 100%;
}

我希望有所帮助！ Littleswany！

Answer 2

如果您想让图片布局为100％宽度和100％高度， 你可以将它添加到main.css文件中：

img {
    max-width: 100%;
    height: auto;
    width: auto\9;
}

顺便说一句， 有关背景图片大小的类似讨论： Set size on background image with CSS?