在平板电脑视图中处理Flexbox

Question

我被引进来帮助解决网站的渲染问题。具体来说，当在平板电脑上显示时，flexbox元素会变得很糟糕。桌面测试表明，只有当页面的宽度和高度设置为Chrome开发工具中的iPad或iPad Pro时才会出现问题。

有一个名为＆＃34;我们最重要的实践领域＆＃34;。在桌面或移动视图中，此部分可以很好地工作，但在768x1024处，此部分卡在视口右侧的列中。关于什么会让Flexbox变得像这样的所有想法？

Answer 1

添加此css将使元素居中

@media (max-width:768px) {
      .fusion-layout-column .fusion-column-content-centered {
        display: inline-block;
      }
      .fusion-layout-column .fusion-column-content-centered .fusion-column-content {
        text-align: center;
      }
    }