媒体查询，内联块和文本对齐证明

Question

我遇到了使用内联块对齐元素的问题 当我使用"text-align: justify"

的技术时，这是正常的

但是当我把所有内容都置于媒体查询中时，没有任何反应

（元素未对齐宽度text-align: justify）

这是小提琴如何成为

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
    }

}