求職者支援訓練webサイト制作科授業資料

フェリカテクニカルアカデミー池袋の求職者支援訓練webサイト制作科7月クラスの授業解説ブログです。

2016-11-24から1日間の記事一覧

モバイルファーストサイトの制作・PC部分を完成させる

960px用のレイアウトに変更 960px以上のレイアウトは基本的にはタブレットと同じですが、タブレット時に「768px」と固定値で指定している部分を「960px」に書き換えましょう。また、グローバルナビの高さも画像本来の高さである55pxに変更させます。 その他…

ウィンドウサイズによって画像を切り替える

レスポンシブサイトでは基本的に画像は可変に設定するべきですが、幅が960pxの時と幅が320pxの時とで同じ画像で良いか、というと必ずしもそうではありません。例えば画像に文章が乗っている場合であれば、なおさらです。 backgroundプロパティであればメディ…