我正在开发一个项目，我有一个固定条（成为导航条），然后在它下面是一个矩形，它被设置为当你点击它时，它会翻转。导航和翻转div的宽度应该完全相同，并且它们在FF，Chrome，Safari，IE中查看时...但是当我在Android浏览器中检查它时，翻转div是关于宽度比导航栏小10 px。我把它缩小到这样一个事实：我在div'externalContainer'中使用'display：table'来垂直和水平地居中'innerContainer'的内容（设置为display：table-cell）。这是我目前如何设置它的示例，它在所有浏览器中都能正确显示，但在Android浏览器中，翻转框的宽度较小：http://jsfiddle.net/adRP4/9/
一旦我从.outerContainer中删除'display：table'，它就会在Android浏览器中以适当的宽度显示，但内容不再按我的意愿居中。此示例显示了display：table将显示正确的宽度，但内容未按照我的要求居中：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/我跑了陷入各种各样的问题...
有关如何解决此问题的任何建议吗？
更新（6/28） - 我发现当我查看iPhone时，我的宽度不匹配与Android浏览器完全相同..
谢谢， 标记
答案 0 :(得分：0)
我建议使用DIV进行翻转，然后添加填充翻转的div并设置为TABLE。
或者我建议在方法3中使用浮动符：http://blog.themeforest.net/tutorials/vertical-centering-with-css/