Как изменить полную раскладку на мобильном устройстве в реакции

Question

я строю интернет-магазин. Я хочу изменить полную компоновку на мобильном устройстве, например, e-bay или amazon, похожую на мобильное приложение в Reactionj. Есть ли способ изменить полную компоновку?

Answer 1

Вы можете использовать медиа-запросы в вашем CSS, которые позволят применять определенные CSS только к мобильным устройствам или устройствам определенной ширины.Например, это сделает синий фон для любого устройства шириной не более 600 пикселей

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