Помогите поправить мобильную версию сайта

yaski

web3
Регистрация
21 Фев 2010
Сообщения
658
Реакции
500
Уехал таймер в мобильной версии сайта. Таймер flipclock
upload_2017-9-27_11-14-21.png
Сайт
Скрытое содержимое доступно для зарегистрированных пользователей!
 
Привет, есть 2 пути:

1) Дописать слили в файле - /css/style.css
Код:
@media only screen and (max-width: 480px) {
  .clock {
    width: auto;
    height: auto;
 }
}

Так мы сделаем перенос не влезающих ячеек.

2) Дописываешь каждому элементу - @media с уменьшенными значениями под мобилу.
 
Последнее редактирование:
Поставил масштаб и сместил влево
HTML:
.clock {
    margin: 10px auto 0 -50%;
    transform: scale(0.4);
}
но это костыль.
Откуда-то вылезает белая полоса справа, не могу понять откуда
upload_2017-9-27_13-44-5.png
 
Посмотреть бы код. По картинке не понять. Судя по всему родительский контейнер часов вылазит
 
margin: 10px auto 0 -38%;
Не учли некоторых устройств, для -50% не подходит, в боковине отображается. iPhone 6 plus, например

P/S
.clock - задана ширина 620. Поэтому у Вас и меню и часы за рамки мобильного экрана уходят
 
Назад
Сверху