不确定是否使用FlexBox，表或行和列

Question

所以我试图为RC汽车制作一个控制器，该控制器将在任何尺寸屏幕上工作，我计划在应用程序的页面上有一个，向下，向左，右侧和中间的一个停止，所以排序就像电视遥控器一样。我对HTML和CSS越辞，我只是不确定做这件事的最佳方式。我希望按钮到屏幕上的自动专用并填补它。 任何建议都会很棒。

Answer 1

flexbox支持不是很好（ http://caniuse.com/#search=flexbo ）。所有浏览器都支持表格，但是，它真的不是正确的解决方案;表设计用于图表，而不是布局。

最佳解决方案是使用响应式设计技术（MIN宽度，最大宽度，％宽度等）。这应该在IE9 +和所有现代浏览器中兼容。查看 http：// www.smashingmagazine.com / 2011/07 / 22 /响应 - 网络设计 - 技术 - 工具和设计 - 策略/ ， http://www.sitepoint.com/common-techniques-in-reponsive-web-design/ ，或简单谷歌”响应设计“有关更多信息。

Answer 2

我没有上面的任何一个。我会使用这样的绝对定位：

.up, .down, .left, .right, .stop { 
    position: absolute;
    width: 33.3%;
    height: 33.3%;
}

.up {
    top: 0%;
    left: 33.3%
}

.right {
    top: 33.3%;
    left: 66.6%;
}

.

等等。

这有利于与人类创造的每个浏览器兼容。