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

有帮助吗?

解决方案

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/ ,或简单谷歌”响应设计“有关更多信息。

其他提示

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

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

等等。

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

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top