Question

所以我正在尝试为可以在任何尺寸的屏幕上工作的RC汽车制作一个控制器，我打算让应用程序的页面有向上，向下，向左，向右，并且在中间停止，所以排序就像电视遥控器一样。我是html和css的新手，我只是不确定这是最好的方法。我希望按钮自动调整到屏幕并填充它。任何建议都会很棒。

Answer 1

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

最佳解决方案是使用响应式设计技术（最小宽度，最大宽度，宽度等）和div。这应该与IE9 +和所有现代浏览器兼容。请参阅http://www.smashingmagazine.com/2011/07/22/responsive-web-design-techniques-tools-and-design-strategies/，http://www.sitepoint.com/common-techniques-in-responsive-web-design/，或只是Google＆＃34;自适应设计＆＃34;了解更多信息。

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%;
}

等等。

这样做的好处是可以与人类创建的每个浏览器兼容。

不确定是使用Flexbox，表格还是行和列

2 个答案: