当浏览器缩小时出现右边有空白

这种情况一般是，当父元素的宽度被子元素撑开导致，也就是说，某个子元素的宽度大于父元素的宽度

解决办法

给父元素设宽度百分之百然后宽度大于所有子元素的宽度。

有时候可能存在给子元素设置媒体查询，但父元素是固定宽度。所以当父元素设置为100%.即与浏览器宽度相同，但小于了子元素的宽度。所以需要媒体查询给父元素也加上宽度查询