CSS3のcalc()を使ったレスポンシブモードレイアウト方法の紹介

この記事では主にレスポンシブモードレイアウトのためのCSS3のcalc()の実装方法を紹介します

REMメソッド

calc()は文字通り関数関数として理解できます。実際、calc は英語の Calculate の略語で、CSS3 の新しい機能であり、要素の長さを指定するために使用されます。たとえば、calc() を使用して、要素のボーダー、マージン、パディング、フォント サイズ、および幅のプロパティに動的な値を設定できます。なぜ動的値と呼ばれるのですか? 値を取得するために式を使用するからです。ただし、calc() の最大の利点は、要素の幅を calc() を通じて計算できることです。

Calc() を使用すると、p 要素を指定し、パーセンテージ、em、px、および rem 単位の値 ("width:calc(50% + xxpx)" など) を使用してその幅または高さを計算できます。そのため、何を考慮する必要はありません。要素 p の幅の値は、この面倒な計算をブラウザに任せます。

りー

以上がCSS3のcalc()を使ったレスポンシブモードレイアウト方法の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。