次のコードを使用して、div を別の div で垂直方向に中央揃えしています。
var heightf = $('.cx1').height();
var heightg = $('.cx2').height();
heighth = (heightf - heightg) / 2;
if (heighth > 0) {
$('.cx2').css({ "marginTop": heighth });
}
私はこれをドキュメント対応ラッパーとウィンドウサイズ変更ラッパー内に配置して、画面サイズが変更されても画像が中央に配置されるようにします(レスポンシブ)。
これはすべてのブラウザーで正常に動作するようですが、Chrome と Kindle Fire で更新すると、div が中央に留まらず、一番下に押し下げられます。
誰でも理由を説明できますか？