我正在尝试创建一个具有跨浏览器兼容性的 HTML5 应用程序 - 最适合移动设备。我正在使用 HTML5/CSS3/JavaScript/jQuery(通过移动设备)。
我的主页需要有六个正方形按钮(图像)，它们位于页面的中央，所以如果您想象一个有两列的移动屏幕，每列三个正方形，位于中央。
我希望有更多经验的人可以指导我解决这个问题的最佳方法是什么？如果屏幕水平转动，图像会 float 成 3 列，每列 2，那就太酷了。
如果有人有任何想法，我将不胜感激。很抱歉我的描述有点简短，但我还没有写代码，我想先看看人们的想法。谢谢。
最佳答案
如果您制作按钮display:inline-block，它们将在整个页面中流动。然后你只需要将所有内容居中即可。看看这个 fiddle举个例子。
关于javascript - HTML/CSS - 基于浏览器大小的 float 图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18978668/