2015-10-25 19 views
0

我遇到了步驟<li>標籤的100%寬度問題。我已添加屬性width: 100%;,但在移動屏幕上,<li>就像屏幕寬度的96%。它只覆蓋屏幕,如果我至少增加到104%的寬度。在任何地方都沒有保證金或填充。SequenceJS - 步的寬度不是100%

有用於SequenceJS很多CSS的,我不知道原因是什麼,所以我不會把任何代碼在這裏,(道歉),而不是我設置一個演示頁面,您可以看到問題

Demo

請幫我看看這個問題的原因。

回答

2

你有一個transform: translateX(-40px) translateY(0px) translateZ(0px);直列風格,請問問題出在,你也需要用去除填充了UL:

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

,然後改變UL的所有寬度和李的100%;

這對我有效。

+1

很好的答案。但是像'ul'和'li'這樣的塊元素不需要明確的'width'。重置邊距和填充就足夠了。 –

+0

但即使填充爲0,ul和li爲100%,它仍然不能正常工作。爲什麼Sequencejs -40px的起始位置並不是0.你知道它是如何計算的嗎? – VeeK

+0

它可能是-40px,因爲引導程序ul的默認填充左值爲40px。我沒有與Sequencejs合作過,我只檢查了你的網站,並用我的螢火蟲改變了風格,以獲得所需的結果。 –