媒體查詢，在線塊和文本對齊證明

我使用內嵌塊這一切都正常時，我只是用技術與"text-align: justify"媒體查詢，在線塊和文本對齊證明

，但是當我在媒體把所有查詢，則什麼也不會發生

位元件有問題

這裏（未對準寬度text-align: justify元件）是撥弄它768,16如何是

ul { 
    text-align: justify; 
    width: 100%; 
} 

ul:after { 
    content: " "; 
    display: inline-block; 
    width: 100%; 
    background: #000; 
    height: 10px 
} 

ul > li { 
    display: inline-block 
}

http://jsfiddle.net/2t6vm/

並有例如寬我的問題（嘗試調整結果框架）

@media only screen and(max-width: 479px) { 
    same css 
}

http://jsfiddle.net/FYLQq/

來源

2013-12-23 kelso.md

嘗試把重要的在你的媒體查詢！ – Enijar

@Enijar這不是一個理想的解決方案 - 儘可能避免「重要」，這是不好的做法，降低了可訪問性和可維護性。這是爲什麼：http://stackoverflow.com/a/3706876/1542891 – yochannah

好點，但是當它是週五：http://i.imgur.com/vOo8MfG.jpg – Enijar

檢查其工作在媒體查詢。

Updated Fiddle

@media只有屏幕和（最大寬度：479px）{

ul { 
     text-align: justify; 
     border:solid 1px white; 
     width: 100%; 
    } 

    ul:after { 
     content: " "; 
     display: inline-block; 
     width: 100%; 
     background: #000; 
     height: 10px 
    } 

    ul > li { 
     display: inline-block 
    } 

}

來源

2013-12-23 12:53:32 Anup

不適用於鍍鉻 –

檢查更新的小提琴。 – Anup

媒體查詢，在線塊和文本對齊證明

回答

相關問題