html - 媒体查询、内联 block 和文本对齐对齐

Question

我在使用内联 block 对齐元素时遇到问题当我只是使用 "text-align: justify"

技术时一切正常

但是当我将所有内容都放入媒体查询中时，什么也没有发生

(元素不对齐宽度 text-align: justify)

fiddle 应该是这样的

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/

Answer 1

检查它在媒体查询中的工作情况。

Updated Fiddle

@media only screen and (max-width : 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
    }

}