svgなど、主にボックス系のHTML要素をシンプルなコードでレスポンシブ対応にするスタイルシートを紹介します。外部ファイルとして使用するのでそれでも一行ですが、中身も一行(115文字)の超軽量スタイルシートです。Mapsを配置したiframe要素があります。img要素を使った画像table要素を使ったテーブルこれらの要素はシンプルなHTMLで、Fluidityを加えるだけでレスポンシブ対応になります。Mapsなどを配置したiframeにも対応しています。外部ファイルhead内に当スタイルシートを追加するだけで完了です。HTMLあとは、通常通りにHTMLを記述するだけです。src="image.png">テーブルの場合テーブルの時はclassを加えます。style="border:0"></iframe>fluidity.cssの中身Fluidityは非常にシンプルで、中身は一行で115文字です。overflow-yを使用して、レスポンシブ対応にします。img,canvas,iframe,video,svg{max-width:100%}.overflow-container{overflow-y:scroll;-webkit-overflow-scrolling:touch}プロパティごとにまとめても、わずか2行です。