css 移动端 一行两列

CSS在移动端开发中扮演着非常重要的角色，其可以使页面看起来更加漂亮，并且可以实现一些很好的交互效果。当开发移动端页面时，我们通常需要处理一些非常典型的布局问题，例如如何在视图中实现一行两列的布局。

.col-2 {
   display: flex;
   flex-wrap: wrap;
}
.col-2 > div {
   flex-grow: 1;
   min-width: 45%; 
   margin: 1%;
}

以上代码将实现一行两列的布局。我们通过让父元素使用flexBox布局，并将其子元素宽度设置为45%、边距为1%来实现了这一目标。这些属性可以根据你的具体需要进行调整。

当然，我们也可以使用其他技术来实现这个布局，例如float或者table布局。但是使用flexBox仍然是最常用和最推荐的方法，因为它易于理解，同时也是最灵活和最可扩展的。