javascript - 如何在reactjs中更改移动设备上的完整布局

Question

我正在建立一个在线商店，我想更改移动设备(例如 e-bay 或亚马逊)上的完整布局，看起来像 ReactJS 中的移动应用程序。有什么方法可以更改完整布局吗？

Answer 1

您可以在 css 中使用媒体查询，这将允许某些 css 仅应用于移动设备或特定宽度的设备。例如，这将使任何宽度不超过 600 像素的设备的背景变为蓝色

@media only screen and (max-width: 600px) {
  body {
    background-color: blue;
  }
}