Css Can';不要让flexbox在IE/Safari中工作
这一切在我的MBP浏览器上的Chrome中都能完美运行,但在其他浏览器上却会不断中断。我已经使用,来生成必要的前缀,但没有用 也许有人能发现我哪里出了问题?我去掉了带前缀的代码,因为我不知道是什么影响了现在发生的事情,所以这有点像白板。。。下面是代码和相关的屏幕截图 代码被修改,因为这里有太多的diff嵌套div。顺序将是父项>子项等Css Can';不要让flexbox在IE/Safari中工作,css,internet-explorer,safari,flexbox,vendor-prefix,Css,Internet Explorer,Safari,Flexbox,Vendor Prefix,这一切在我的MBP浏览器上的Chrome中都能完美运行,但在其他浏览器上却会不断中断。我已经使用,来生成必要的前缀,但没有用 也许有人能发现我哪里出了问题?我去掉了带前缀的代码,因为我不知道是什么影响了现在发生的事情,所以这有点像白板。。。下面是代码和相关的屏幕截图 代码被修改,因为这里有太多的diff嵌套div。顺序将是父项>子项等 .recommendation-modal { display: flex; justify-content: flex-start; flex-
.recommendation-modal {
display: flex;
justify-content: flex-start;
flex-direction: row;
align-items: flex-start;
background: #FFFFFF;
z-index: 202;
width: 100%;
max-width: 800px;
height: 70vh;
.rec-right--container {
display: flex;
flex-direction: column;
flex: 1;
width: 100%;
height: 100%;
background-color: #4B77BE;
color: #fff;
.rec-right--body {
display: -moz-flex;
display: -webkit-flex;
display: -ms-flex;
display: flex;
-moz-flex-direction: column;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px;
height: 100%;
@media (max-width: $screen-sm) {
flex-direction: row;
}
最后只是需要添加旧语法,我基本上只是找到了所有可能的旧语法,并将它们放在那里,直到它起作用……你能发布你的HTML或钢笔链接吗?更重要的是,你正在测试这些浏览器的哪些版本?我们需要HTML和CSS作为一个工作代码片段,以便能够提供正确的答案,将Flexbox与高度:100%这样的组合很可能是它不起作用的原因。