css 로 반응형 만들기
페이지 정보
작성자 쿨거래닷컴 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 조회 5,055회 댓글 0건 작성일 19-01-09 15:24본문
css 에 media 쿼리 라는게 있습니다
예)
@media (max-width:768px) {
.small {width:100px}
}
이렇게 하면 화면 가로 크기가 768보다 작을 때는 <div class="small">small</div> 의 가로가 100px 가 된다는 뜻입니다
예)
@media (min-width:769px) and (max-width:922px) {
.small {width:120px}
}
이렇게 추가해주면 화면 가로 크기가 769~922 사이일 때는 <div class="small">small</div> 의 가로 크기가 120px 가 된다는 뜻입니다
이렇게 화면 크기에 따라서 개채의 크기를 변하게 할 수 있어서 반응형으로 만들 수도 있습니다
모히또에서 몰디브 한잔 하시죠
댓글목록
등록된 댓글이 없습니다.