我正在嘗試創建一個具有跨瀏覽器兼容性的HTML5應用程序 - 理想情況下適用於手機。我正在使用HTML5/CSS3/JavaScript/jQuery（與手機）。HTML/CSS - 基於瀏覽器大小的浮動圖像
我的主頁需要是以頁面爲中心的六個方形按鈕（圖片），所以如果您想象一個具有兩列的移動屏幕，每個中心都有三個方格。
我希望有更多經驗的人可以指導我解決這個問題的最佳方法是什麼？這將是很酷，如果屏幕水平轉動，圖像將浮動到2列3列。
如果任何人有任何想法，我會非常感激。我很抱歉，我的描述有點簡單，但我還沒有寫代碼，我想看看人們首先想到的是什麼。謝謝。
如果您製作按鈕display:inline-block，它們將流過頁面。那麼你只需要把所有東西都集中起來，然後就完成了。查看這個fiddle的例子。
參考
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
要使您的應用程序適用於多種設備屏幕尺寸...您可以使用css media queries
此外，您還可以指定佈局/ btn大小以及媒體查詢的使用百分比。