我的网站目前正在使用弹性框布局，并且可以使用Chrome，Firefox和Internet Explorer 10 +正确呈现。
我正在使用移动友好测试来验证我的网站是否适合移动设备。
移动友好，耶！但是他们的截图中有一个问题。
我的弹性盒容器有弹性方向，可以在列中生成子项，这适用于所有主要的Web浏览器，但googles移动友好测试是否以行结构显示我的项目？
此测试是否具有完整的弹性盒支持？我做错了什么，不针对这个测试使用的引擎。我可以通过不使用弹性框来获得正确的结果，但我想用弹性框来纠正这个问题。
由于我是一名完美主义者，即使是像google mobile friendly test这样的工具，我也不能允许这种情况发生。
<div style="display:flex;flex:1 1 auto;flex-direction:row;height:50px;">
<div style="display:inline-flex;flex:1 1 auto;height:100%;background-color:red;"></div>
<div style="display:inline-flex;flex:1 1 auto;height:100%;background-color:green;"></div>
</div>
我创造了一个破碎的功能小提琴。