브라우저 제목

http://comlearn.co.kr/project1/response-v.html

 

반응형 웹사이트를 제작할 때 필요한 css

Medis Queries

 

기본 웹 사이트 작성을 데스크 탑을 기준으로 작성하고 모바일로 변경할 때 큰사이즈부터 작은 사이즈로 변경

(기준 css를 상속 받아 수정 변경)

@media screen and (max-width:800px){

/* 800px까지 css*/

}

 

@media screen and (max-width:600px){

/* 600px까지 css */

}

 

@media screen and (max-width:450px){

/* 450px까지 css */

}

 

기본 웹 사이트 작성을 모바일을 기준으로 작성하고 데스크 탑으로 변경할 때 작은 사이즈부터 큰 사이즈로 변경

(기분 css를 상속 받아 수정 변경)

@media screen and (min-width:450px){

 /* 450px부터 적용할 css */

}

 

@media screen and (min-width:600px){

 /* 600px부터 적용할 css */

}

 

@media screen and (min-width:800px){

 /* 800px부터 적용할 css */

}

 

@media screen and (min-width:1200px){

 /* 1200px부터 적용할 css */

 

}

제목 날짜
full 세로 네비 file 2020.03.02
3월 2일 학습 파일 file 2020.03.02
full페이지1, layery 팝업, 모달만들기 file 2020.02.29
자격증 2일차 file 2020.02.27
데스크탑 모바일 반응 file 2020.02.27
자격증 파일 file 2020.02.27
데스크탑을 모바일로 변경 file 2020.02.26
반응형 모바일 네비 만들기 2020.02.23
bxslider 썸네일 옵션 2020.02.19
bx슬라이더 bx-wrapper, bx-pager, pager 링크 css 2020.02.19
bx슬라이더 좌우 화살표 css file 2020.02.18
drop down 네비게이션 2020.02.17
회원가입 페이지 2020.02.07
로그인 페이지-3 2020.02.06
로그인 페이지-2 2020.02.05
테이블1 2020.02.04
로그인 페이지-1 2020.02.03
우리집 고양이-6 2020.02.03
우리집 고양이 페이지-5 2020.01.31
우리집 야용이 페이지-4 file 2020.01.30
태그 목록