2016-08-18 60 views
0

我在safari上遇到了一個非常奇怪的錯誤,並想知道是否有人可以擺脫它。我將在前言中說它在Chrome和Firefox上絕對完美,但在Apple設備上的Safari和Safari以及Chrome上都會失效。Safari桌面定位(負邊距)

這裏是一個codepen說明我的問題:

http://codepen.io/anon/pen/wWkBOB

the code is too much to include here and much clearer on the codepen.

我有3個表,想排隊上桌面的大小,使他們都在同一行,用只有第一列顯示第一列,所以它顯示爲一個大表(但需要3個獨立的表格用於移動)。在我的中鋒桌上,我有一個12.5%的負右邊距,允許所有三張牌的比例爲37.5%,第三張牌桌位於中鋒牌的末尾。

在safari上,這不適用於第三張桌子上。如果您檢查中心表格,則可以看到全尺寸的12.5%負邊界的計算值爲160px。如果我然後回到樣式並將其更改爲-160px而不是百分比值,則它工作得非常好。它希望能夠正確查看的百分比值是-20%。

將其設置爲-20%顯然對其他瀏覽器不正確,因爲所需值爲160px,即12.5%。

任何想法?幫幫我?建議?將不勝感激。

回答

0

我也有這個問題。我通過在CSS中添加

position: absolute 

到行事標籤固定奇怪試試吧,也許它會爲你工作

否則你可以嘗試使用像素