遇到了一個問題我一直試圖解決的問題,而且在各個項目中都沒有太多的運氣。Mobile Safari(iPhone)CSS垂直居中/線條高度CSS問題
我有一些div
與文本里面,使用中心與CSS使用display: block
和line-height
。我也試過padding
和一個固定的高度。通常,這些設置爲只是標題或有時按鈕。無論哪種方式,我總是在移動Safari瀏覽器的垂直中心頂部有一個偏移量,我沒有在任何Web瀏覽器(它在桌面瀏覽器中完全垂直對齊)。我可以在手機瀏覽器中將設置更改爲center
,但是這會拋出所有其他瀏覽器,這是一個響應式設計。
有沒有人遇到過這個問題?
我有-webkit-text-size-adjust: 100%;
但這似乎並沒有涉及到這個問題。
到目前爲止,我的破解工作是讓設備只有css設置不同的line-height
,但正如你可以想象的那樣,這是一個可怕的解決方案。
該文本似乎坐在不太中心與垂直對齊爲中間(有一個偏移量,因此它坐在中心點以下)。有任何想法嗎? 背景圖像位置的任何想法 - 這在手機上也不同。 – 2013-05-06 04:44:58
你能舉辦一個jsfiddle的例子,以便我可以看到到底是什麼問題 – 2013-05-06 20:06:13