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

Question

我正在建立一个在线商店，我想在移动设备（如e-bay或亚马逊）上更改完整的布局，就像在reactjs中使用移动应用程序一样。是否仍然需要更改完整的布局？

Answer 1

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

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