html - 对浏览器缩放然后大图也缩放的问题。

Question

题主html中有张大图，像素1300px，然后我的屏幕分辨率呢是1366px。css如下：

.img {
    background:url("../images/bg.png") no-repeat;
    background-size: 100%;
    height:100%;
    width:100%;
}

现在的问题是：
1.缩小浏览器的宽度，图片为什么会自动进行等比例缩放？并且尝试向右拖动水平滚动条，会发现是空白的，这又是为什么？
2.我不想让图片缩放怎么解决，请大婶支招。

Answer 1

CSS实现响应式全屏背景图