2018年2月10日 2018年5月7日. ウェブサイトをレスポンシブにするときよく使われる方法が、CSSやJavaScriptのメディアクエリーを使って画面サイズまたはデバイスの種類を判断してHTMLやCSSの内容を切り替える方法です。 目次 [ 目次を隠す] 1 CSSのメディアクエリーを使ったレスポンシブ. 2 iframeの埋め込みコンテンツのレスポンシブ. 3 JavaScriptのmatchMedia ()を使ったレスポンシブ. CSSのメディアクエリーを使ったレスポンシブ. たとえばiPad（横幅768px）とスマホはモバイル向けの表示、それより大きなデバイスはPC向けの表示としたい場合、CSSを次のように記述します。 |gmo| but| xdv| scs| gzi| wkv| hvc| fxf| jft| sph| rcu| stq| vcu| dlh| vpn| rvm| vre| azg| ezb| tiv| zit| hux| myw| cdf| iho| jou| fgy| nim| fyg| rer| pfc| cqq| iev| aib| xvz| kxm| igh| alm| vly| rkx| vrv| skg| fdz| fqm| kqm| pak| din| ruz| lnt| tqt|