html - 这个 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/ 按照网站上列出的说明进行操作。这应该是解决您问题的最快方法。