Mobile Safari(iPhone)CSS垂直居中/行高CSS问题

Ste*_*ese 5 css iphone mobile mobile-safari

有一个问题,我一直试图在各种项目中解决一段时间没有太多运气.

我有一些div文本里面用CSS display: blockline-height.我也尝试过padding和固定的高度.通常,这些设置为标题或有时按钮.

无论哪种方式,我似乎总是在移动safari浏览器的垂直中心顶部偏移,我没有在任何网络浏览器中获得(它在桌面浏览器中完全垂直对齐).我可以center在移动浏览器中更改设置,但这会抛出所有其他浏览器,这是一个响应式设计.

有没有人遇到过这个问题?

我有,-webkit-text-size-adjust: 100%;但这似乎与这个问题无关.

到目前为止,我的黑客工作是让设备只有css设置不同line-height,但你可以想象,这是一个可怕的解决方案.

Ste*_*ese 2

当您对宽度和高度一无所知时,本文提供了一些关于居中内容的许多不同选项的重要信息:

http://css-tricks.com/centering-in-the-unknown/

它很好地建立在 user1002464 的答案的基础上。