메인
기술
메인
기술
무료게임
잡담
자유
개인
일정
갤러리
회원가입
계정 찾기
로그인
HOME
기술
반응형 웹, Responsive Web, 미디어쿼리, @media
목록
작성자
공대여자
작성 : 2013-05-03 09:25
조회 : 133
지남
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
★☆☆☆☆
★★☆☆☆
★★★☆☆
★★★★☆
★★★★★
확인
게시물 : 113 (8 page)
📅 달력형
📷 갤러리형
RSS
tag
제목
내용
제목+내용
제목+내용+코멘트
작성자
태그
검색
No
제목
작성자
날짜
조회
공지
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
#기본형
공대여자
24-02-06
02-06
1410
공지
유용한 리눅스(LINUX) 명령어
#linux
#command
공대여자
11-03-03
03-03
11180
공지
[공지] 기술 게시판
#etc
#공지
mins01
05-06-24
06-24
11400
53
pointer-events 클릭 가능, 클릭 불가 등
#css
공대여자
16-04-08
04-08
117
52
부트스트랩 모달창 100%, bootstrap modal width height 100%
#css
공대여자
15-08-11
08-11
459
51
css box-sizing 프로퍼티
#css
공대여자
15-04-16
04-16
103
50
css decoration
#css
공대여자
14-12-17
12-17
105
49
모바일 브라우저의 탭하일라이트. 클릭,터치된 대상 하일라이트 제어
#css
공대여자
14-10-20
10-20
151
48
IE에서 CSS가 동작 안할 경우
#server
#css
#content-type
#mime
공대여자
14-04-29
04-29
868
47
미디어 쿼리를 사용한 동적인 아이콘 배열(icon layout)
#css
공대여자
14-01-27
01-27
145
46
버튼 스타일
#css
공대여자
14-01-23
01-23
129
45
box-shadow 박스 쉐도우 그림자
1
#css
#box-shadow
#그림자
공대여자
14-01-23
01-23
154
44
CSS Gradient Background Maker
#css
공대여자
13-06-17
06-17
152
43
text-overflow, 말줄임표
#css
공대여자
13-05-09
05-09
106
42
ul,li 기반 달력, 글쓰기 폼 , 리스트 레이아웃
#css
공대여자
13-05-03
05-03
123
41
style의 font 의 표현
#css
공대여자
13-05-03
05-03
105
40
반응형 웹, Responsive Web, 미디어쿼리, @media
#css
공대여자
13-05-03
05-03
134
39
테스트 뷰포트, VIEWPORT, viewport
#css
공대여자
13-04-17
04-17
133