html - 對瀏覽器縮放然后大圖也縮放的問題。

問題描述

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

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

現在的問題是：1.縮小瀏覽器的寬度，圖片為什么會自動進行等比例縮放？并且嘗試向右拖動水平滾動條，會發現是空白的，這又是為什么？2.我不想讓圖片縮放怎么解決，請大嬸支招。

問題解答

CSS實現響應式全屏背景圖