Maps」で対応してみました。レスポンシブ以前にFacebookのページプラグインをレスポンシブに対応する方法の記事を書きましたが、画面幅によって表示されない現象に遭遇したので対応方法をメモ。スマートフォンレスポンシブレスポンシブサイトでスマホ時のみ電話番号にリンクを張りたい場合がたまにあるので、実装方法をメモ。続きを読むmatchMediaを変数に入れて複数箇所で使用する2017.07.25JavaScriptレスポンシブmatchMediaを変数に入れて複数箇所で使用としたときに少し詰まったので、やり方をメモしておきます。続きを読むCSSで指定した縦横比を維持する2017.07.14HTML・CSSレスポンシブ要素をpositionで絶対配置にした場合、その要素は親要素の高さに含まれなくなります。親要素の高さを固定値で指定してもよいのですが、レスポンシブサイトだと画面幅に応じて縦横比を維持して高さを変更したい場合があります。今回はこの縦横比を維持する方法を試してみます。レスポンシブSVGをレスポンシブに対応させる際に少し手間取ったので、対応方法をメモしておきます。続きを読むレスポンシブで要素の比率を保持する2017.05.30HTML・CSSレスポンシブ画面サイズを変更した際に、要素のアスペクト比を保持する方法をメモ。続きを読むHTML5のpictureを使ってみる2016.12.22HTML・CSSレスポンシブHTML5のpictureタグを使ってみます。続きを読むHTML5のsrcset属性を使ってみる2016.12.07HTML・CSSレスポンシブsrcset属性を使って画像の出し分けを試してみます。続きを読むPCとスマホで画像とテキストを出し分ける2016.11.17HTML・CSSレスポンシブdata属性とCSSのcontentを使って、PCとスマホで画像とテキストを出し分ける方法をメモ。cly7796.net。