메인
기술
메인
기술
무료게임
잡담
자유
개인
일정
갤러리
회원가입
계정 찾기
로그인
HOME
기술
반응형 웹, Responsive Web, 미디어쿼리, @media
목록
작성자
공대여자
작성 : 2013-05-03 09:25
조회 : 122
지남
1일간
2013-05-03
-
2013-05-03
좌표
첨부된 파일이 없습니다.
#css
W3C
미디어쿼리 :
http://www.w3.org/TR/css3-mediaqueries/
css 3 에 선언된 Media Queries 에 대한 문서
미디어타입 :
http://www.w3.org/TR/CSS2/media.html
CSS에 장치의 적용할 형식
기본적으로 all이며, print(출력할때) 등을 간간히 사용한다.
print 로 지정해서 출력할 때 불필요 부분 감추기 등
필요조건
CSS3지원(그 중 미디어쿼리 지원)
예제 모양
@media all {
body { background:lime }
}
@media all
and (max-width:930px)
{
#div_pics{ width:620px;}
}
모든 미디어 타입에 대해서
페이지 너비가 930px 이하
일 때
밑의 스타일을 적용시킨다.
댓글
/
/
답변
수정
삭제
No Nickname
No Comment
새로운 댓글 작성
권한이 없습니다.
{{m_row.m_nick}}
내용이 너무 많습니다!
-
no-star
★☆☆☆☆
★★☆☆☆
★★★☆☆
★★★★☆
★★★★★
확인
게시물 : 112 (8 page)
📅 달력형
📷 갤러리형
RSS
tag
제목
내용
제목+내용
제목+내용+코멘트
작성자
태그
검색
No
제목
작성자
날짜
조회
공지
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
#기본형
공대여자
24-02-06
02-06
662
공지
유용한 리눅스(LINUX) 명령어
#linux
#command
공대여자
11-03-03
03-03
9753
공지
[공지] 기술 게시판
#etc
#공지
mins01
05-06-24
06-24
10052
67
HSL 색공간
#color
#css
#hsl
공대여자
18-10-11
10-11
150
66
checkboxStyle
1
#check
#css
#input
#radio
#web
공대여자
18-09-11
09-11
338
65
flex 중앙에 표시하기, 한가운데 표시하기 center,middle
#center
#css
#flex
#중앙
공대여자
18-08-10
08-10
210
64
buttonBgAnimation 버튼 배경 애니메이션
1
#css
공대여자
18-07-04
07-04
108
63
css image-rendering 이미지 렌더링 깍두기, 이미지 확대축소 렌터링 동작에 대해서 힌트
1
#css
#image
#image-rendering
#resize
#렌더링
#이미지
공대여자
18-07-02
07-02
692
62
CSS Pseudo-classes , Pseudo-elements, 가상 클래스, 가상 엘레멘트
1
#css
#pseudo-classes
#pseudo-elemen
#가상
공대여자
18-04-30
04-30
140
61
transitionNumber 바뀌는 숫자
#css
공대여자
18-04-18
04-18
100
60
css flex
#css
#flex
공대여자
18-01-02
01-02
167
59
css3 animation library
2
#css
공대여자
17-09-28
09-28
100
58
css3 patterns
1
#css
공대여자
17-09-05
09-05
106
57
CSS3 column 다단, 단 나누기
1
#css
#column
공대여자
17-08-31
08-31
180
56
CSS 웃는얼굴 smile
#css
공대여자
16-08-25
08-25
132
55
page_alert , 에러페이지, 경고 페이지 등등.
#css
공대여자
16-07-14
07-14
119
54
m-onoff 라디오, 체크박스용 스타일
#css
공대여자
16-06-07
06-07
593
53
pointer-events 클릭 가능, 클릭 불가 등
#css
공대여자
16-04-08
04-08
99