webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

WEB制作会社のフォトグラファー

rwd - responsive web design その2

メディアクエリー

  • @media screen and (max-width:  px){}(どこにスペースを入れるのか細心の注意を払う)間違えると機能しない。
  • 波括弧の中に、指定した条件の場合のスタイルシートを書く。
  • ブレイクポイントとは、スタイルを変えるポイントのこと。
  • 今回の授業では、PC 960px~, tablet 768px~とした。
  • レチナディスプレイはどうなる??

f:id:ohta-felica:20160525160816p:plain

f:id:ohta-felica:20160525162650p:plain

f:id:ohta-felica:20160525162754p:plain

 HP

f:id:ohta-felica:20160525163200p:plain

 DELL

f:id:ohta-felica:20160525163424p:plain