mediaqueries

프로그래밍/Style & Design

반응형웹, Typical Device Breakpoints, media queries

반응형웹, Typical Device Breakpoints, media queries https://www.w3schools.com/css/tryit.asp?filename=trycss_mediaqueries_fontsize Tryit Editor v3.6 div.example { background-color: lightgrey; padding: 20px; } @media screen and (min-width: 600px) { div.example { font-size: 80px; } } @media screen and (max-width: 600px) { div.example { font-size: 30px; } } Change the font size of an element on differen..

프로그래밍/Style & Design

CSS3 Media Queries

CSS3 Media Queries /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Styles */ } /* Smartphones (landscape) ----------- */ @media only screen and (min-width : 321px) { /* Styles */ } /* Smartphones (portrait) ----------- */ @media only screen and (max-width : 320px) { /* Styles */ } /* iPads (portrait and ..

  • 이전
  • 1
  • 다음
홍반장水_
'mediaqueries' 태그의 글 목록