Notice
Recent Posts
Recent Comments
Link
«   2025/02   »
일 월 화 수 목 금 토
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28
Tags more
Archives
Today
Total
관리 메뉴

목록@media (1)

JIE0025

[CSS] @media 미디어쿼리를 알아보자

반응형 웹을 배울 때 가장 기초라고 생각되는 것이 바로 미디어 쿼리 문법이다. @media 쿼리를 사용함으로써 장치나 화면 비율에 따른 다른 레이아웃 디자인을 할 수 있다. 먼저 예제를 통해 사용방법을 구경해보자. ----------------------------------------------------------------- style sheet 내부나 css 파일에다가 작성한다. @media and (min-width : 100px) and (max-width : 700px) { .container{ background-color:#00ff00; transition-property: background-color 0.5s; } } @media 다음에 and 가 나와있는것을 볼 수 있다. 이는 '연..
기타 학습/기획, UI, UX 2021. 3. 9. 02:42
이전 Prev 1 Next 다음