html – 使用justify-content的Safari问题:flex-end; align-ite
发布时间:2020-12-14 18:42:42 所属栏目:资源 来源:网络整理
导读:我正在设计一个信使布局,我正在努力修复Safari上的一些东西,因为它似乎是兼容性问题. http://animgram.com/fb/index.html如果您在Google Chrome和Safari上打开此链接.谷歌浏览器是正确的视图,但在Safari上它没有正确显示. 我正在努力设置这个课程. .self {ju
我正在设计一个信使布局,我正在努力修复Safari上的一些东西,因为它似乎是兼容性问题.
http://animgram.com/fb/index.html如果您在Google Chrome和Safari上打开此链接.谷歌浏览器是正确的视图,但在Safari上它没有正确显示. 我正在努力设置这个课程. .self { justify-content: flex-end; align-items: flex-end; } 请注意:只有Safari才是问题所在. IE,Chrome和Firefox都可以. 解决方法
Safari< 7.0仅具有旧的2009 Flexbox规范的实现,这与现代规范非常不同:
.foo { display: -webkit-box; -webkit-box-pack: start; /* justify-content */ -webkit-box-align: start; /* align-items */ } 这可能会有所帮助:https://gist.github.com/cimmanon/727c9d558b374d27c5b6 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |