如何仅在移动设备上删除页面上的填充

Question

您好，我不知道如何在移动设备上删除我网站上的边框。我有巨大的填充物，在移动设备中看起来不太好。

示例页面 https://www.onlinematching.games/jewels-blitz/

Answer 1

使用 CSS 媒体查询。

您可以使用媒体查询控制不同设备的设计。

参考资料：- https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Answer 2

当我检查您的网站时，您所要做的就是更改样式中.container, .container-1400的width属性。 有多个地方需要更改(对于每个媒体查询(。

例如，下面的代码是：

@media only screen and (max-width: 767px) and (min-width: 480px){
.container, .container-1400{ width : 99%;/* 1% for margin */}
}