Wordpress网站在手机上没有显示完整的宽度

Question

我的网站设置为在桌面上设置居中视图。

[桌面视图的屏幕截图]

然而，它也在移动设备上显示了一个中心视图。这不是一个好的经历。

[移动视图屏幕截图]

我也希望在移动视图上使用全宽视图。

你们会建议什么？

我正在使用Word主题的X主题。

由于

Answer 1

设置媒体查询：在此处了解有关媒体查询的详情https://developer.mozilla.org/fr/docs/Web/CSS/Requ%C3%AAtes_m%C3%A9dia/Utiliser_les_Media_queries

像这样的东西（在样式表上）

@media (max-width: 850px) {
  .container {
    width: 100%;
  }
}

Answer 2

在容器中使用100％宽度设置的媒体查询

@media (max-width: 980px){
  .x-container.width {
     width: 100%;
  }
}