0

これは問題のページです: http://k2ld.91dev.com.au/project/balwyn-residence/

カルーセルは を使用しautoheight:trueます。

Dolphin、iPhone、Google Nexus 4 (Chrome 開発ツールで表示した場合) などの特定のモバイル ブラウザーでは、.owl-wrapper-outerコンテナーに小さなインラインの高さが適用され、最初の画像が切り取られます。

左にスワイプして戻ると、高さが再計算され、すべて問題ありません。

私のフクロウコードは次のようになります( a 内document.ready):

// Owl Slider
$(".owl-carousel").owlCarousel({
    items: 1,
    loop: true,
    autoHeight: true
});

最初は Owl Carousel 1 を使用していましたが、バージョン 2 に切り替えて問題が解決したかどうかを確認しましたが、問題は解決しませんでした。

画像が完全にロードされたら、カルーセルの高さを計算するにはどうすればよいですか?

4

3 に答える 3