react scss：an的显示问题<；h1>；使用模糊和变换，打开；“边缘”；只有

大家早上好

如两张照片所示，我在“边缘”下有一个显示问题。 我试着在一张桌子上模拟一个阴影，在CHROME下一切正常，在EDGE下只出现一半。 我输入“反应，scss”

如果你有主意的话？我试图操纵高度，溢出。。。但什么都没有

处于边缘

铬合金：没关系

代码简单：

    .ombre_table{
    min-height: 5vh;
    width: 100vw;
    margin-bottom: 2vh;

    text-align: center;
    
    transform: rotatex(75deg) rotateY(-2deg);
    font-size: 15vh;
    filter: blur(7px);
    

}

---

转到“边缘浏览器”中的“关于：标志”，并在Y轴上的大旋转上启用过滤器属性，元素的高度对放置几乎没有影响，因此我大大增加了高度大小并添加了顶部负边距。 谢谢禹州

.ombre_table{
min-height: 35vh;
width: 100vw;
margin-top: -5vh;

text-align: center;

transform: rotatex(75deg) rotateY(-2deg);
font-size: 15vh;
filter: blur(7px);

---

}

谢谢，但问题不在于我的浏览器，而在于我的代码……您使用的是哪个版本的Edge浏览器？我可以用Edge 86.0.622.69复制问题。在我的示例中，可以通过将

min height

更改为

height

来解决此问题。您还可以尝试在代码中修改类似的内容，将文本移得更高一点，作为一种解决方法。此外，我还在Edge Dev 88.0.692.0中进行了测试，它运行良好，因此我认为这个问题可能会在Edge的未来版本中得到解决。您也可以使用Alt+Shift+I在Edge中提供有关此问题的反馈。@YuZhou:谢谢您提供了正确的线索，问题已经解决了。我很乐意帮忙。您也可以将您的答案标记为已接受的答案。它可以在将来帮助其他社区成员解决类似的问题。谢谢你的理解。