レスポンシブデザインにてサイトを初めて制作しており、通常のPCサイト+スマホのサイトのコーディングまで出来ました。
しかし、まだ大小様々なタブレット用の設定もしなくてはと思うと憂鬱です。例えば「解像度が横480pxを超えると、ワンタッチでviewportの設定が無くなる(レスポンシブでは無くなる)」ような設定は無いのでしょうか??
お力添え頂けると幸いです。。
え?それレスポンシブ?
広義では一応・・・
えーーパーセントで組めよーー
アダプティブだね
デザインの段階でレスポンシブ対応にしとかないと大変なことになるよね。viewportはjsでできます。
考えてはいたのですが、勉強しながらの制作なので、なかなか上手く行かないです…やはりスマホ、タブレット、PCの3パターンでcss設定するしかないですよね??
media クエリでその3パターンに切り替えるといいです。
もともとそういう構造になかったものを、後からの要望で強引に機能を後付するのは、一番予算(手間)のかかるパターンですね。内容や規模にもよりますが、多くの場合、最初から作った方が安い、なんてパターンが多い気がするし、その時は少ない予算でも、全体的に見るとやはり管理面で高くつくことが多いと思います。Webサイトがどのように改修されていくのかを見据えて最初の設計をするべきですね。自分の趣味のサイトであれば、勉強代と思って最初から作ることをおすすめします。
今ってPC、タブレット、スマホってガッツリ分けれるほどスクリーンサイズに差があんの?
ちゃんと設計するなら(UI的に)CSSだけだと限界があると思うので1:CSSの media screen である程度デザインを振り分け2:スマホはUser agentで専用設計してHTMLを振り分け ※ もちろんもとのPC設計で使える部分は共通項目として使うがベター。
ブログとか単純&シンプルなWEBサイトなら1だけでいけるけど大規模サイトや様々な画面遷移が発生するECサイトとかは2もやらないとインターフェイス的に微妙になる。予算によりますが。
ちょっと違うかもだけど、レスポンシブでどのデバイスで見てもほぼ完璧!にできてから「PCではウィンドウサイズを変えてもレイアウト変わらないようにしてほしいんですけど」と言われたことがある。結局ua取ってjsで対応したけど○したくなった。
みんなの回答 6 件
え?
それレスポンシブ?
デザインの段階でレスポンシブ対応にしとかないと大変なことになるよね。viewportはjsでできます。
もともとそういう構造になかったものを、後からの要望で強引に機能を後付するのは、一番予算(手間)のかかるパターンですね。内容や規模にもよりますが、多くの場合、最初から作った方が安い、なんてパターンが多い気がするし、その時は少ない予算でも、全体的に見るとやはり管理面で高くつくことが多いと思います。Webサイトがどのように改修されていくのかを見据えて最初の設計をするべきですね。自分の趣味のサイトであれば、勉強代と思って最初から作ることをおすすめします。
今ってPC、タブレット、スマホってガッツリ分けれるほどスクリーンサイズに差があんの?
ちゃんと設計するなら(UI的に)CSSだけだと限界があると思うので
1:CSSの media screen である程度デザインを振り分け
2:スマホはUser agentで専用設計してHTMLを振り分け
※ もちろんもとのPC設計で使える部分は共通項目として使う
がベター。
ブログとか単純&シンプルなWEBサイトなら1だけでいけるけど大規模サイトや様々な画面遷移が発生するECサイトとかは2もやらないとインターフェイス的に微妙になる。予算によりますが。
ちょっと違うかもだけど、レスポンシブでどのデバイスで見てもほぼ完璧!にできてから「PCではウィンドウサイズを変えてもレイアウト変わらないようにしてほしいんですけど」と言われたことがある。結局ua取ってjsで対応したけど○したくなった。
関連するトピックス