2012-06-27 74 views
2

我正在做一個項目,我有一個固定的欄(成爲導航欄),然後它的正下方是一個矩形,它被設置爲當你點擊它,它翻轉。導航和翻轉div的寬度應該是完全相同的,並且它們是在FF,Chrome,Safari,IE中查看的......但是當我在Android瀏覽器中檢查它時,翻轉div大概是寬度比導航欄少10px。我縮小了這一點,因爲我在div'outerContainer'中使用'display:table'來垂直和水平居中'innerContainer'(設置爲display:table-cell)的內容。這是我目前如何安裝它的一個例子,它在所有瀏覽器中正確顯示,但Android瀏覽器中翻轉框的寬度較小:http://jsfiddle.net/adRP4/9/'display:table'讓div顯示器在Android設備上變得更小

只要從.outerContainer中刪除'display:table' ,它會以適當的寬度顯示在Android瀏覽器中,但內容不再按照我的要求居中。這個例子中示出了顯示:表中刪除將適當的寬度顯示,但含量不居中我所想要的:http://jsfiddle.net/adRP4/10/

的垂直/水平定心我使用的方法是基於:http://www.andy-howard.com/verticalAndHorizontalAlignment/index.html(類似於http://css-tricks.com/vertically-center-multi-lined-text/)...當我試圖改變它的方法概述她:http://css-tricks.com/centering-in-the-unknown/我遇到了各種問題...

有關如何解決此問題的任何建議?

UPDATE(6/28) - 我發現,當我檢查了iPhone,我有相同的寬度不匹配在Android瀏覽器..

謝謝, 馬克

回答

相關問題