2016-08-18 5 views
0

私はサファリの非常に奇妙なバグに遭遇しました。ここでは、ChromeとFirefoxでは絶対に完璧に動作すると言っていますが、AppleデバイスではSafariやSafari、Chromeを使用しています。ここでサファリテーブルの配置(負のマージン)

は私の問題を説明するcodepenです:

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

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

私は、彼らが同じ行にすべてあるように、デスクトップサイズに並ぶしたい、3つのテーブルを持っています最初の列が表示されている最初の列のみが表示されるので、1つの大きな表として表示されます(ただし、モバイルの場合は3つの別個の表にする必要があります)。私のセンターテーブルでは、3つのテーブルすべてが37.5%幅になるように12.5%の負の右マージンがあり、3番目のテーブルは中央のテーブルの最後に位置します。

サファリでは、これは3番目のテーブルでは機能しません。センタテーブルを調べると、フルサイズでの12.5%のマイナスマージンの計算値が160pxであることがわかります。私がスタイルに戻ってパーセンテージ値ではなく-160pxに変更すると、それはまったく問題なく動作します。正確に見たいと思っているパーセンテージ値は-20%です。

明らかに-20%に設定することは、他のブラウザでは正しくなく、意味がありません。必要な値は12.5%の160pxです。

アイデア?助けて?提案?非常に高く評価されるだろう。

答えて

0

この問題もありました。私は演技たタグにCSSで

position: absolute 

を追加することによって、それを固定奇妙なあなたは

あなたはピクセル

を使用しようとする可能性があるため、それがうまくいくかもしれない、それを試してみてください
関連する問題