Responsive Samples by unshift

「固定値型」では、フォントサイズが固定値となるため、ヘッダーのコンテンツ幅によっては入り切らない場合があるため、ビューポートの幅が1280px未満の場合はSNSリンクを非表示にしている。 「相対値型」では、ビューポートの幅が変わってレイアウトに影響がないので、PCレイアウト時はSNSリンクは常に表示。 「固定・相対値複合型」では、「固定値型」の範囲内でフォントサイズが固定値となるため、ヘッダーのコンテンツ幅によっては入り切らない場合があるため、ビューポートの幅が1280px未満の場合はSNSリンクを非表示にしている。 「固定値型」では、ページのコンテンツの幅同様に、間延びを防ぐため最大幅を1680pxに設定。ビューポートの幅が1680pxより大きい場合は中央に配置される。 「相対値型」では、ページのコンテンツの幅同様に、常にヘッダーのコンテンツの幅がビューポートの幅と一致するため、最大値を