手机固定宽度响应设计

Question

我的设计有点问题。您可以访问here并检查inspect元素，然后单击“切换设备模式”。设置为320 x 568，然后尝试向左交换。

您可以在右侧看到空白区域：

如何使其固定宽度？

Answer 1

你可以看到“行”类，这是间隙的原因，因为它需要额外的maring。做一件事就是在你的css中添加这个

.row{margin:0px !important;}

还有一个h2 section（Keunggulan），其大小为3em，在320以下，它占用空白区域，所以更好的解决方案是减少媒体查询中的大小，并且你已经完成了。

用于媒体查询参考

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
   section h2{font-size: 2.5em;} /*adjust according to your need*/
}