반응형 웹디자인1

• 

  [css] 반응형 웹 @media 사용법 @media 사용법 (반응형 웹을 만들기 위한) 반응형 웹이란? 반응형 웹이란 쉽게 말해 화면에 따라서 보기 쉽게 반응하는 웹 디자인을 말합니다. 아래와 같이 사용자의 화면의 크기는 다양합니다. 하지만 그에 맞게 디자인하는 것은 어려울 수 있습니다. 오늘은 css의 @media를 이용해서 반응형 웹을 구성하는 법을 알아보겠습니다. @media css에 아래와 같이 @media를 추가 해줍니다. @media (max-width:768px) { .visible-lg{ display: none; } } @media (min-width:768px) { .visible-xs{ display: none; } } @media (max-width:768px) 는 화면 가로 길이가 768px까지만 동작하는 css 입니다.. 카테고리 없음 2020. 10. 21.