我正在尝试创建一个具有跨浏览器兼容性的HTML5应用 - 最适合手机。我正在使用HTML5 / CSS3 / JavaScript / jQuery（带移动设备）。
我的主页需要是以页面为中心的六个方形按钮（图像），因此，如果您想象一个移动屏幕，其中包含两列，每个中间有三个正方形。
我希望有更多经验的人能够指导我解决这个问题的最佳方法是什么？如果屏幕水平转动，图像会浮动到3列的2列中，那将会很酷。
如果有人有任何想法，我会非常感激。我很抱歉我的描述有点简短，但我还没有编写代码，我想先看看人们的想法。谢谢。
答案 0 :(得分：0)
参考
http://msdn.microsoft.com/en-us/magazine/hh653584.aspx http://johnpolacek.github.io/scrolldeck.js/decks/responsive/ http://smallbiztrends.com/2013/05/what-is-responsive-web-design.html
示例网站
http://socialdriver.com/2013/06/50-best-responsive-website-design-examples-of-2013/ http://socialmediatoday.com/jacey-gulden/1687451/10-examples-inspiring-responsive-web-design
答案 1 :(得分：0)
要使您的应用适用于多种设备屏幕尺寸......您可以使用css media queries
此外，您还可以指定布局/ btn尺寸的百分比以及媒体查询的使用情况。
答案 2 :(得分：0)
如果您按下display:inline-block按钮，它们将会在页面上流动。那么你只需要集中所有内容就可以了。查看此fiddle以获取示例。