read : 반응형 웹, Responsive Web, 미디어쿼리, @media : 기술 #css::공대여자홈

반응형 웹, Responsive Web, 미디어쿼리, @media

목록

작성자 공대여자

작성 : 2013-05-03 09:25 조회 : 316
지남 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	제목	작성자	날짜	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js) #기본형	공대여자	24-02-0602-06	48660
공지	유용한 리눅스(LINUX) 명령어 #linux #command	공대여자	11-03-0303-03	57850
공지	[공지] 기술 게시판 #etc #공지	mins01	05-06-2406-24	59044
800	휴대폰 결제 장기 미사용 고객 결제 차단 안내(SKT, LGU+,KT) #etc	공대여자	13-06-1106-11	681
799	php.ini 경로 설정하는 법 #php	공대여자	13-05-3005-30	900
798	무료 C , C++ 컴파일러. #window	공대여자	13-05-2705-27	423
797	휴면 회원 정리 관련한 법령 #etc #휴면 #회원	공대여자	13-05-1505-15	371
796	text-overflow, 말줄임표 #css	공대여자	13-05-0905-09	299
795	html5에서 싱글 클로우징 태그(single closing tag), 보이드 엘레멘트(void element)의 /> 처리에 관련 #html #html5 #doc #single_closing_tag #void_element	공대여자	13-05-0705-07	679
794	웹 접근성, 한국형 웹 콘텐츠 접근성 지침 2.0 개요 #html	공대여자	13-05-0605-06	297
793	ul,li 기반 달력, 글쓰기 폼 , 리스트 레이아웃 #css	공대여자	13-05-0305-03	294
792	style의 font 의 표현 #css	공대여자	13-05-0305-03	258
791	반응형 웹, Responsive Web, 미디어쿼리, @media #css	공대여자	13-05-0305-03	317
790	웹 접근성 관련, [주요게시물] #html	공대여자	13-04-3004-30	286
789	모바일 환경에서의 창간의 제어 테스트용 #javascript	공대여자	13-04-3004-30	267
788	IEBlog 한국어, MS의 인터넷 익스플로러 한글 블로그 1 #link	공대여자	13-04-2204-22	289
787	테스트 뷰포트, VIEWPORT, viewport #css	공대여자	13-04-1704-17	313
786	국가법령정보센터. 법 , 법률 #law #link #법령	공대여자	13-04-1604-16	347