好气啊,为什么我的display:grid在是否被应用的问题上表现得如此灵异?

Question

好气啊,为什么我的display:grid在是否被应用的问题上表现得如此灵异?

126

发布于 2018-03-14

就是这种最简单的代码:我的代码
问题如下：
放在jsrun这类实时网页编辑器上，在360极速浏览器极速模式下见不到grid样式，chrome和edge均成功。
本地静态网页，走ftp去访问，所有浏览器都看不到gird样式，明明代码都是一样的。
到底为什么啊这种莫名其妙的错误真是好疯啊!!!!

另外本地网页的HTML and CSS（写在style里了）的内容如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        .wrapper {
        display: grid;
        grid-template-columns: 100px 100px 100px;
        grid-template-rows: 50px 50px;
        grid-gap: 10px;
        }
        div {
        font-size: 30px;
        text-align: center;
        background-color: yellow;
        }
    </style>
</head>
<body>
    <div class="wrapper">
        <div class=>A</div>
        <div class=>B</div>
        <div class=>C</div>
        <div class=>D</div>
        <div class=>E</div>
        <div class=>F</div>
    </div>
</body>
</html>

就那个jsrun里的代码，我在360极速浏览器中打开访问，看不到想要的那种2行3列的布局，在chrome和edge里访问，能看到。
chrome可行
360极速浏览器不可行