Css Firefox版本53.0.3(32位)不支持我的material lite设计

Css Firefox版本53.0.3(32位)不支持我的material lite设计,css,firefox,material-design,Css,Firefox,Material Design,我在中打开我的本地主机应用程序 铬-工作完美 边缘工作,但一些css不受支持 Mozilla Firefox版本53.0.3(32位)-白色屏幕 现在为什么它在Mozilla上变成了白色屏幕?有什么想法吗?这是我的密码: <!doctype html> <html> <head> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Ico

我在中打开我的本地主机应用程序

  • 铬-工作完美
  • 边缘工作,但一些css不受支持
  • Mozilla Firefox版本53.0.3(32位)-白色屏幕
现在为什么它在Mozilla上变成了白色屏幕?有什么想法吗?这是我的密码:

<!doctype html>
<html>
<head>
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="http://localhost:2001/assets/material.indigo-pink.min.css">
    <script src="http://localhost:2001/assets/material.min.js"></script>
    <style>
        .remove-padding{
            padding:0px;
        }
    </style>
    <title>Population</title>
</head>
<body>
<dialog class="mdl-dialog remove-padding">
        <div class="mdl-card mdl-shadow--6dp">
            <form method="post" action="http://localhost:2001/login/process">
                    <div class="mdl-card__title mdl-color--primary mdl-color-text--white">
                        <h2 class="mdl-card__title-text">Login</h2>
                    </div>
                    <div class="mdl-card__supporting-text">
                            <div class="mdl-textfield mdl-js-textfield">
                                <input class="mdl-textfield__input" type="email" required id="email" name="email" value="" />
                                                                <label class="mdl-textfield__label" for="email">Email</label>
                            </div>
                            <div class="mdl-textfield mdl-js-textfield">
                                <input class="mdl-textfield__input" type="password" required id="userpass" name="password" />
                                                                <label class="mdl-textfield__label" for="userpass">Password</label>
                            </div>
                    </div>
                    <div class="mdl-card__actions mdl-card--border" style="text-align: right;">
                        <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect">
                            Sign In
                        </button>
                    </div>
            </form>
        </div>
</dialog>
<script>
    var dialog = document.querySelector('dialog');
    dialog.showModal();
</script>
</body>
</html>

.拆下衬垫{
填充:0px;
}
人口
登录
电子邮件
密码
登录
var dialog=document.querySelector('dialog');
dialog.showmodel();

您的控制台中是否有任何错误?无…无错误。@Ryan it返回一个错误-->
错误-2017-06-01 00:25:08-->404页未找到-->
@Ryan为什么会发生这种情况?当我查看源代码时,代码就在那里。请查看您的网络面板。有多少个请求?哪些以红色突出显示?