css - 不确定是使用 Flexbox、表格还是行和列

Question

所以我正在尝试为 RC 汽车制作一个可以在任何尺寸的屏幕上工作的 Controller ，我计划让应用程序的页面有上、下、左、右和中间一个停止点，所以排序就像电视 Remote 的样子。我是 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/ ，或简单地谷歌“响应式设计”了解更多信息。