Upgrade to Pro — share decks privately, control downloads, hide ads and more …

レスポンシブって何だろう

Avatar for Uni Ishizaki Uni Ishizaki
April 08, 2014

 レスポンシブって何だろう

Avatar for Uni Ishizaki

Uni Ishizaki

April 08, 2014
Tweet

More Decks by Uni Ishizaki

Other Decks in Design

Transcript

  1. جຊৼΓฦΓ ίʔυ͸ʁ /* ը໘͕480pxҎ্Ͱ800pxҎԼͷͱ͖ʹɻ */ @media only screen and (min-width:

    480px) and (max-width: 800px) {} /* ը໘͕479pxҎԼͷͱ͖ɻεϚʔτϑΥϯͱ͔ɻ */ @media only screen and (min-width: 479px) {} /* ը໘͕800pxҎ্ͷͱ͖ */ @media only screen and (min-width: 800px) {} /* ୺຤͕ԣஔ͖ʢԣ௕ʣ */ @media only screen and (orientation: landscape) {} /* ୺຤͕ॎ௕ */ @media only screen and (orientation: portrait) {} CSSɿMedia Queries ͩΑ <meta name="viewport" content="width=device-width, initial-scale=1"> htmlɿmetaλάͷviewportઃఆ 5 13೥3݄22೔༵ۚ೔