微信小程序页面出现实际运行时不符合开发工具中预览的横向排列方式

效果如图：

• 开发工具内预览样式
  
• 运行实际样式

原因：未设置滑动！！
解决方法：

wxml文件对应部分：

      
        
        
        
      
    

wxss文件相关对应部分：
.active_img{
  width: auto;
  margin-top:10px;
  display: flex;
  flex-direction: row;
}

js对应语句：
active: ["/imgs/active_01.png", "/imgs/active_02.png", "/imgs/active_03.png"]