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

问题描述

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

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

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

问题解答

CSS实现响应式全屏背景图