幫助無序列表

-1

在http://www.devsite11.co.uk/about-us/areas-we-cover.html測試出一個想法我創建了一個背景框，其中有三個列表，當在P.C上顯示時，列表都是並列的，這是預期的。我遇到的問題是，當涉及到iPad或Iphone時，這些列表並沒有縮小，而且越來越混亂。幫助無序列表

我已經玩過％的年齡都無濟於事。

我想要發生的是，無論是列表下降彼此，或文本減少並保持並排。

非常感謝您的幫助。

來源

2014-01-12 Prpwindow

您需要發佈完整代碼的示例，以便人們可以識別出錯。 –

我確實嘗試過，但不知道如何。抱歉 – Prpwindow

你可以做這樣的事情：

.featurebox, .featurecenter, .featureright { 
     min-width:250px; /* or something smaller*/ 
    }

讓我知道它是否適合你？

來源

2014-01-12 13:12:06

嘗試在每個功能框上設置最小寬度，例如min-width:200px或任何可以防止它們過度摺疊的值。此外，您可以應用於每個盒子上常見樣式的課程是首選方法。

另外，左側有「左側」框，右側有「中心」框，中間有「右側」框。嘗試將所有這三個浮點數更改爲float:left以獲得正確的值。

來源

2014-01-12 13:12:58 JGrubb

在第147行以及您樣式的其他位置，您的寬度設置爲31%。例如。

#featurebox .featureleft { 
width: 31%; 
margin-left: 0px; 
padding-right: 10px; 
float: left; 
}

這不適用於小的寬度，因此在@media規則中，請確保在適當的位置更改寬度。例如。

@media only screen and (max-width: 770px) { 
    #featurebox .featureleft, 
    #featurebox .featurecenter, 
    #featurebox .featureright {width: 100%;} 
}

來源

2014-01-12 21:30:26

幫助無序列表

回答

相關問題