0

Bootstrap、idangero.us swiper、leaflet.js を使用して Web アプリを開発しています。上にナビゲーション バー (50px) があり、下に id="swiper-area" があります。これには、「高さ: 100% - ナビゲーション バーの高さ」が必要です。私はCSSでこれをやっています：

#swiper-area {
height: calc (100% - 50px);
position: absolute;
top: 50px;
}

これは、デスクトップ ブラウザーでは正常に機能します。しかし、ほとんどのモバイル ブラウザー (特に Android) は CSS calc を解釈できないため、マップがめちゃくちゃになります。

jQueryでこの動作を実現するにはどうすればよいですか? ご提案ありがとうございます。

4

2 に答える 2

0

.cssjQueryで使用してこれを行うことができます。次のコードを確認してください

jQuery(document).ready(function(){
   var main=jQuery("#swiper-area").height();
   var res=main-50;
  jQuery(".your_class").css("height",res)
 });

メディアクエリを使用してこれを行うこともできます

于 2014-03-29T09:35:10.520 に答える