在容器液中加入填充物好吗?以确保每个设备从左到右都有相同的空间。

Question

我已经创建了一个页面，后来我知道页面没有响应。

现在我正在重新创建这个页面，并且怀疑是否要使用

容器container-fluid或容器我读过一些博客

容器液会很好，所以我用的是容器液。

但是我不能从左边和右边得到空间，所以我可以使用填充

：80 PX来自双方，它会影响任何其他方面吗？

设备(笔记本电脑、平板电脑、移动设备)？

Answer 1

容器-流体平均宽度:100%，在所有设备上.

但是，通过在两边添加padding 80px，该网站在台式机、笔记本电脑或平板电脑上都会很好看。

但是在小型设备上，你将在两边浪费80 + 80px空间。

因此，内容将在移动设备上受到挤压。

这方面的解决方案是使用媒体查询删除小型设备上的80 to填充，或者可以使用container而不是fluid，在这种情况下，这种间隔是自动处理的。

例如

    .container-padding{
     padding-left:80px;
     padding-right:80px;
    }

    @media(max-width:767px){ /*for mobile phone */
     .container-padding{
      padding:15px;/*little padding to your content so that it doesnt stick to the sides*/
     }
    }