tedateコンテンツへスキップ夜の帳がおりています。良い時間をすごせますように。指定方法をご覧ください。clamp関数というやつです。MAX最大値);のように指定します。MAX最大値);↑の様に指定すると書きましたが、どんな挙動をするのか。それは次の様な仕様になっています。↑という、ものすごく便利な解釈をしてくれるというわけです。667pxサイズが、モバイルでは最も多いとされているため、それを基準としています)clamp関数はfont-size以外にも使える実はこのclamp関数ですが、font-size以外にも使用が可能です。例同様になんとも柔軟に、要素の横幅が1行で設定できることになります。何をしているかと言うと、モバイル端末では常に左右に16pxの余白を持って横幅いっぱいにする、そして要素の幅が1200pxを超えたら最大1200pxの横幅とする、という指定です。組み合わせた書き方と同じ意味を持ちます。こちらも一緒に覚えておくと良いかもしれません。それぞれの詳しい解説ページがあります。いずれも、詳しく仕様が解説されているので一読をおすすめします。現時点では、IE11のみが非対応となっています。このclamp関数に関しては、polyfillも見当たらない(行末の仕様を変えるline-clampはありますが...)ため、もし制作するWebサイトがIE11対応無しでも良い場合なら、使用可能です。来年2022年6月15日には、IE11のサポート期限が公式に満了を迎えるため、いまから使い慣れておいた方が良いかもしれませんね。ついて、記事を書きました。今後よく使われることになる指定方法と予想されます。私自身も実際に何度も使ってみるなりして、その特徴によく慣れておこうと思ってます。当サイトは今後も、Web制作に関する様々な記事を書いていく予定です。※この記事は内容の品質向上を目的に、随時更新を行う場合があります。理解を深める方法[gulp]sitemap.xmlをgulpで生成する方法[SPAのインデックス促進にも]素のJavascript(VanillaJS)で、要素に付与されているclassを一括削除する方法[JavaScript]印象的な文字表現が簡単にできる。新しい画像形式を使ってWebサイトを高速化する方法。srcsetによる分岐方法も。