SequenceJS - Ширина шага не 100%

У меня возникают проблемы со 100% шириной шага <li> тегов. Я добавил свойство width: 100%;, но на мобильном экране <li> похож на 96% ширины экрана. Он охватывает только экран, если я увеличиваю ширину до 104%. В любом месте нет поля или прокладки.SequenceJS - Ширина шага не 100%

Там много CSS для SequenceJS, и я не знаю, что причина, так что я не прикладывая никакого кода здесь, (извинения) вместо того, чтобы я установки демо-страницу, где вы можете увидеть проблему

Demo

Пожалуйста, помогите мне найти причину этой проблемы.

источник

2015-10-25 VeeK

У вас есть transform: translateX(-40px) translateY(0px) translateZ(0px); встроенный стиль, который делает эту проблему, и вы должны удалить отступы для ул с:

ul { 
    padding-left: 0px; //because by default you have 40px padding left for the ul's 
}

, а затем изменить все ширины ул и Ли до 100%;

Это сработало для меня.

источник

2015-10-25 13:51:59

Хороший ответ. Но блочные элементы, такие как 'ul' и' li', не нуждаются в явной 'width'. Сбросить поля и прокладки достаточно. –

Но даже если заполнение идет до 0, а ul и li - 100%, это все равно будет работать неправильно. Почему начальная позиция Sequencejs -40px, а не 0. Знаете ли вы, как это вычисляется? – VeeK

Это может быть -40px, потому что у бутстрапа ul есть значение по умолчанию, равное 40px. Я не работал с Sequencejs, я только проверял ваш сайт и менял стиль с помощью своего firebug, чтобы получить желаемый результат. –

SequenceJS - Ширина шага не 100%

ответ

Смежные вопросы