鍍金池/ 問答/HTML/ 好氣啊,為什么我的display:grid在是否被應(yīng)用的問題上表現(xiàn)得如此靈異?

好氣啊,為什么我的display:grid在是否被應(yīng)用的問題上表現(xiàn)得如此靈異?

就是這種最簡單的代碼:我的代碼
問題如下：
放在jsrun這類實(shí)時(shí)網(wǎng)頁編輯器上，在360極速瀏覽器極速模式下見不到grid樣式，chrome和edge均成功。
本地靜態(tài)網(wǎng)頁，走ftp去訪問，所有瀏覽器都看不到gird樣式，明明代碼都是一樣的。
到底為什么啊 這種莫名其妙的錯(cuò)誤真是好瘋啊!!!!

另外本地網(wǎng)頁的HTML and CSS（寫在style里了）的內(nèi)容如下

<!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>

就那個(gè)jsrun里的代碼，我在360極速瀏覽器中打開訪問，看不到想要的那種2行3列的布局，在chrome和edge里訪問，能看到。
chrome可行
360極速瀏覽器不可行

回答
編輯回答
心上人

有可能是兼容性問題？

確實(shí)是兼容性問題：

clipboard.png

可能是360使用的Chrome內(nèi)核版本比較低，不支持grid。

2017年3月24日 21:10