메인
기술
메인
기술
무료게임
잡담
자유
개인
일정
갤러리
회원가입
계정 찾기
로그인
HOME
기술
반응형 웹, Responsive Web, 미디어쿼리, @media
목록
작성자
공대여자
작성 : 2013-05-03 09:25
조회 : 144
지남
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)
No
제목
작성자
등록
조회
공지
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
공대여자
02/06 13:44
3185
공지
유용한 리눅스(LINUX) 명령어
공대여자
03/03 14:47
12673
공지
[공지] 기술 게시판
mins01
06/24 15:10
12905
pointer-events 클릭 가능, 클릭 불가 등
#css
부트스트랩 모달창 100%, bootstrap modal width height 100%
#css
css box-sizing 프로퍼티
#css
css decoration
#css
모바일 브라우저의 탭하일라이트. 클릭,터치된 대상 하일라이트 제어
#css
IE에서 CSS가 동작 안할 경우
#server
#css
#content-type
#mime
미디어 쿼리를 사용한 동적인 아이콘 배열(icon layout)
#css
버튼 스타일
#css
box-shadow 박스 쉐도우 그림자
1
#css
#box-shadow
#그림자
CSS Gradient Background Maker
#css
text-overflow, 말줄임표
#css
ul,li 기반 달력, 글쓰기 폼 , 리스트 레이아웃
#css
style의 font 의 표현
#css
반응형 웹, Responsive Web, 미디어쿼리, @media
#css
테스트 뷰포트, VIEWPORT, viewport
#css
tag
제목
내용
제목+내용
제목+내용+코멘트
작성자
태그
검색