Html 在开发工具打开之前,3D变换透视图不起作用

Html 在开发工具打开之前,3D变换透视图不起作用,html,css,Html,Css,这个问题只会出现在Firefox中,直到inspector打开,样式才起作用。我认为这与透视或转换风格有关,但我所做的一切似乎都无济于事 感谢您的帮助,谢谢 对使用高度:300px。身份证将起作用 .id-card { /*height: 100%;*/ height: 300px; min-height: 300px; position: relative; -moz-perspective: 1000px; -webkit-perspectiv

这个问题只会出现在Firefox中,直到inspector打开,样式才起作用。我认为这与透视或转换风格有关,但我所做的一切似乎都无济于事


感谢您的帮助,谢谢

使用
高度:300px
。身份证将起作用

.id-card {
  /*height: 100%;*/
    height: 300px;
    min-height: 300px;
    position: relative;
    -moz-perspective: 1000px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    clear:both;
}

谢谢!我现在明白了为什么孩子们不“继承”高度,但为什么这会影响样式显示,直到inspector打开?因为min height在(mozilla)中不起作用。请检查此答案,以供参考
.id-card {
  /*height: 100%;*/
    height: 300px;
    min-height: 300px;
    position: relative;
    -moz-perspective: 1000px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    clear:both;
}