Как сделать так, чтобы содержимое прокручивалось по горизонтали в режиме просмотра для мобильных устройств / планшетов в формате html / css - PullRequest
Новая
       5

Как сделать так, чтобы содержимое прокручивалось по горизонтали в режиме просмотра для мобильных устройств / планшетов в формате html / css

0 голосов
/ 22 мая 2018

Я работаю над скрипкой , в которой я хочу горизонтально прокрутить полосу , Глобальную франшизу и другие изображения в подарокв линии в скрипке.Текст над изображениями должен оставаться на своем месте.


Фрагмент того, что я хочу в мобильном представлении , показан ниже.Изображения должны прокручиваться по горизонтали без каких-либо пробелов справа.

enter image description here

В данный момент изображения помещаются на экран мобильного устройства, но они сжимаются, поэтому я хочу, чтобы содержимое прокручивалось в мобильный просмотр , чтобы избежать проблемы сжатия.

Коды CSS, которые я использовал для размещения изображений на экране в мобильном представлении: 

.images {
  display: flex;
  align-items:center;
  background-color: #eee;
  padding: 1rem;


}

.images > div {
      flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.images img {
  max-width:100%;
  width: 100%;
}



Постановка задачи:

Мне интересно, какие CSS-коды я должен добавить в скрипте, чтобы изображения прокручивались горизонтально, не создавая пробелов справа, а текст был зафиксирован сверху.

...