移动网站上的左右空白问题

Question

我的博客有问题，主页上没有空隙。当我查看主题时出现间隙。如何修复页面？

首页：https://ibb.co/Mh0Ft0b 查看主题：https://ibb.co/vh6g1dB

Answer 1

间隙不是问题，它们是元素 #main-wrapper 的填充。为了减少移动设备上的填充，请使用以下 CSS 规则覆盖现有规则

@media (max-width: 900px) {
    .item #main-wrapper { padding: 10px; }
}

如果您想减少所有设备上的填充，只需使用

.item #main-wrapper { padding: 10px; }

注意：10px可以任意设置