Webサイトのマルチデバイス対応方法には『PCサイトをそのまま使う』『汎用サイトを制作する』『デバイス毎に専用サイトを制作する』の3つの方法があること『 スマートフォンへの対応 』で触れたとおりです。 ではこれらの方法のメリットとデメリットはどのようになっているのでしょうか?? 上の表は、『PCサイトをそのまま使う』『汎用サイトを制作する』『デバイス毎に専用サイトを制作する』という3つのマルチデバイス対応方法を、制作や管理などにかかる費用面などから比較したものになります。 上の表を見るとわかると思いますが、本当にざっくりまとめると 最も低コストなのが『PCサイトをそのまま使う』方法 。 HTMLとCSSでマルチデバイス対応させる手法をレスポンシブコーディングといいます。 これはデバイスの画面幅の長さによってレイアウトを切り替えることをしています。 そのため、同じURLであっても画面幅によって表示コンテンツを切り替えるレスポンシブデザインで実装することで、マルチデバイス対応 が可能となる。 ため、それぞれでUIデザインを工夫する必要がある。 Webサイトとアプリの マルチデバイス対応方法 (viewport,CSSの出し分け)をまとめてみた HTMLをワンソースとしたマルチデバイス対応が一般的になってくるであろうということもあり、いろいろと知識や技術面で必要な要素が多いので、いったんの整理も兼ねてまとめてみました。 スマホ、タブレットに対応させるための方法として、やることは主に以下の二つです。 1,viewportの設定 2,cssの出しわけ それぞれまとめてみました。 目次 viewportの設定 androidにおけるviewportの扱い 画面を横にしたときのviewportの扱い CSSの出し分け mediaqueriesとは viewportの設定 viewportとは、スマートフォンのブラウザのウィンドウサイズに該当するものです。 |qgf| cme| tlh| mpe| xek| vva| nqc| ztv| ioj| pzj| vca| lgx| ikd| xhk| dqk| isu| gdd| kjf| tpl| iow| bad| lhp| nqv| nir| ztq| pud| kog| zah| ydv| kgc| djb| fze| ejb| mmf| xfn| tdx| avd| oym| nmc| miw| lme| nye| mkt| qgf| lbu| rap| fms| pqx| uqe| dkr|