元视口问题

Question

我想做我的前端框架响应，但我遇到了一个问题......我的身体有margin-right ......

我的元：

<meta name="viewport" content="width=device-width, initial-scale=1">

我的屏幕截图（iPhone）：https://space.zeo.net/g/3vgkg

我的screnshot（Mac Book Pro）：https://space.zeo.net/g/51bm2

Answer 1

如果您使用的是基于Bootstrap或类似框架的布局，它们将在窄屏幕上构建边距。

当我想要一个元素扩展全宽时，我通常通过在适当的断点处添加负左右边距来删除它，然后添加一些填充以使文本左右有一些呼吸空间。

类似以下的内容可能对您有用：

@media screen and (max-width: 767px) {
 .nav{
   margin:0 -20px 0 -20px;
   padding:0 20px 0 20px;
  }
}  

没有看到网址，很难更具体，但希望这会让你开始。

祝你好运！