Question

在iPhone上加载项目的模型时遇到问题。问题是，在我的移动设备上，大多数100％的容器似乎有某种右边距或填充，这会导致内容崩溃。我真的认为这可能是由于“视口”的东西，我现在还不知道，但无论如何，看一看。

Answer 1

当看到你的截图时，你的代码是最新的，当我把我的图像放在你的代码中然后它工作正常，所以你可以检查你的图像宽度并检查css 请查看＃0a1a19 url（＆＃34; ../ img / img2.png＆＃34;）无重复滚动中心/ 100％100％;

如果你想做出回应，那就使用bootstrap，你可以从这里开始.... Bootstrap

但您使用的是自定义CSS，因此您需要对不同的布局使用媒体查询，例如平板电脑，手机等...

还有一件事，如果您在移动视图中没有获得完美的布局，那么必须检查您的媒体查询以获取移动视图。

注意：始终使用％（不是px）来给出任何图像的宽度。

Answer 2

.header__inner具有固定宽度，更改宽度为100％并删除移动设备的填充：

@media <params go here> {  
  .header__inner, .header__inner_mod {
    width: 100%;
    padding: 0;
  }
}