6

はい、皆さん！

css3 で動的な高さを計算することは可能ですか? 何も見つかりませんでしたが、検索に間違った用語を使用しているだけかもしれません。

問題: 100% の高さから nav 要素の高さを引いた iframe を含めたいサイトがあります。残念ながら、nav 要素は常に同じ高さではありません (あるデバイスでは 44 ピクセル、別のデバイスでは 36 ピクセルなど)。

それを計算する方法はありますか？または、これを適切に機能させるには、nav 要素の高さを修正する必要がありますか?

4

2 に答える 2

3

もちろん！nav 要素の高さは画面サイズに依存していると想定しています。そのため、メディア クエリでさまざまな高さを指定できます。したがって、要素の高さが変化するサイズまたは幅を決定するだけで済みます。

    /*put your conditions here*/
    @media (min-height: 500px), (min-width: 580px) {
        iframe{
            height: calc(100% - 44px);
        }
    }
    /*put your conditions here*/
    @media (max-height: 1000px), (min-width: 580px) {
        iframe{
          height: calc(100% - 36px);
        }
   }

詳細: http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

于 2016-12-14T13:05:54.290 に答える