有人联系我:什么是移动这是在顶部以自适应设计下一个元素的最佳途径。
该解决方案完美地工作了。尽管它不支持旧版IE,但这对我来说并不重要,因为我在移动设备上使用了响应式设计。它适用于大多数移动浏览器。
基本上,我有这个:
@media (max-width: 30em) { .container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .container .first_div { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .container .second_div { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }}
对于我来说,这比浮动效果更好,因为我需要它们彼此叠放,并且我不得不在大约五个不同的div位置上互换。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)