这个CSS代码有什么问题？

Question

为什么这段代码没有给我两列？我已经看了很久才让我的大脑工作。然后，我使用媒体查询将其从两列更改为一列。

body {
    width: 80%;
    margin: 50px auto;
}

section {
    width: 70%;  // 70 percent of its container
    margin: auto;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    padding:30px;
}

p {
    webkit-columns:2;
    columns:2;
    -webkit-column-gap:20px;
    -moz-column-gap:20px;
    column-gap:20px;
}

img {
    width:100%;
}

@media screen and (max-width:800px){
    p{
        -webkit-columns:1;
        -moz-columns:1;
        columns:1;
    }
}

Answer 1

在webkit之前添加短划线？

-webkit-columns:2;
-moz-columns:2; /* for firefox */

Answer 2

通过以下方式运行您的网站：http://prefixr.com/ 按照网站上列出的说明进行操作。 这应该是解决问题的最快方法。