У меня есть веб-сайт: https://videogamestore.best, который отлично выглядит на рабочем столе. Когда я его разрабатываю, я минимизирую окно, и оно тоже выглядит хорошо. Я добавил множество медиа-запросов для полей, чтобы все оставалось на своем месте.
Например,
.products-right-pc:hover {
opacity: 0.9;
}
.products-center-pc {
margin: -45rem 0 -20rem 35rem;
padding-bottom: 2rem;
width: 15.8rem;
height: 30rem;
}
.products-center-pc .price {
margin-right: 4.1rem;
}
.products-center-pc:hover {
opacity: 0.9;
}
.products-left-pc {
margin: 0 0 15rem 7rem;
width: 15.8rem;
height: 30rem;
}
Я читал где-то еще на SO, что манипулирование полями - это не так. хорошо для отзывчивости. Есть ли какое-либо доверие к этому утверждению?
Я также добавил это в заголовок своего макета:
<meta name="viewport" content="width=device-width, initial-scale=1">
Разве мой сайт не должен реагировать на мобильные устройства, если у меня есть метатег и он выглядит отзывчивым при сворачивании окна? Почему у меня эта проблема? Какое самое простое решение для этого?
Спасибо