У меня снимок экрана ниже, который я воспроизвел на скрипке. В скрипке у меня есть родительский div, в котором я упомянул все 2 строки:
<div class="product-all-contents">
<div class="product-contents">
</div>
<div class="product-contents">
</div>
</div>
Постановка задачи:
Я хочу сделать прокрутку отдельных строк в режиме просмотра мобильных/планшетов. Коды CSS, которые я попытался сделать, чтобы прокрутить, заключаются в следующем: он не работает. Нужно ли также устанавливать минимальную ширину, чтобы строки прокручивались в режиме просмотра мобильных/планшетов?
@media only screen and (max-width: 767px)
{
.product-all-contents
{
overflow-x: auto;
}
}