Блок с дисплеем: гибкий; flex-wrap: nowrap; и переполнение: авто; не преобразовывать в мобильную версию при изменении размера, повторять только на iPhone - PullRequest
Новая
       18

Блок с дисплеем: гибкий; flex-wrap: nowrap; и переполнение: авто; не преобразовывать в мобильную версию при изменении размера, повторять только на iPhone

0 голосов
/ 27 августа 2018

У меня странная проблема с виджетом в мобильной версии на iPhone, но это хорошо работает на Android, страница не становится мобильной версии при изменении размера. Этот вид как на Android , , но здесь вид на телефонах Apple

Оболочка и элементы имеют следующий код: 

 #time-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;

  @include break-max($tab) {
    overflow: auto;
    padding-bottom: 20px;
    max-height: 640px;
  }
  &.fixed-scrollbar{

    &::-webkit-scrollbar:horizontal {
      height: 10px;
    }

    &::-webkit-scrollbar {
      -webkit-appearance: none;
    }

    &::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 8px;
    }

    &::-webkit-scrollbar-thumb {
      border-radius: 12px;
      background-clip: content-box;
      background-color: #ccc;
    }

    &::-webkit-scrollbar-corner {
      background-color: #a0a0a0;
    }
  }
  .item-col {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 0 5px;
    box-sizing: content-box;
    &:first-child {
      padding-left: 0;
    }
    &:last-child {
      padding-right: 0;
    }
    @include break-max(600px) {
      box-sizing: border-box;
      flex: 27.5% 0 0;
    }
  }
}
...