2013-04-23 80 views
0

最近,我已經瀏覽了一些HTML5/CSS3教程。在其中一篇教程中,他介紹了靈活框模型。要使用其功能,我們鍵入display:-webkit-box; -webkit-box-pack:center; -webkit-box-flex:1 我的問題是我只能在Chrome中使用它,但我想寫一個通用的HTML5/CSS3代碼,在IE和Firefox中使用此功能以及其他功能(陰影,漸變)。使用靈活框佈局創建通用HTML5/CSS3網頁

我試過在網上查找,但無法得到令人滿意的解決方案,我的問題。

有人可以提出任何建議。

謝謝。

回答

1

我的問題是,我只能在Chrome

和Safari瀏覽器使用它!吉茲。

IE顯然從版本10開始有-ms-box,而Firefox支持display: -moz-box,但MDN文章提到flexbox規範有望被其他內容替代。

我不認爲有早期瀏覽器版本的任何等價物。

這裏是一個老的Mozilla黑客文章吧:

而這裏的我可以使用頁面:

總體而言,Flexbox的似乎對於日常使用來說是一筆不小的費用。

+0

雅我看到關於-ms框等,但他們似乎並沒有工作。我的觀點是,我應該如何編碼我的網頁,以便它可以在所有瀏覽器上運行。 – 2013-04-23 17:03:54

+0

@ user2029727:它不會在所有瀏覽器上運行。 (雖然如果它對你的目的至關重要,那麼@ Martin的答案中的Flexie可能值得一試。) – 2013-04-23 23:20:09