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

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

목록

작성자 공대여자

작성 : 2013-05-03 09:25 조회 : 296
지남 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)	공대여자	02/06 13:44	29417
공지	유용한 리눅스(LINUX) 명령어	공대여자	03/03 14:47	39555
공지	[공지] 기술 게시판	mins01	06/24 15:10	40361

css grid repeat 사용법. (동적 컬럼)

#grid #auto-fit #auto-fill

pointerrawupdate event

1

#pointer

scroll-snap 사용시 주의 사항

#scroll-snap

현재 폴더 기준 이미지 파일의 너비 높이 알아오기

#php #image

motion. A modern animation library for JavaScript, React and Vue

1

#animation #motion

canvas에서 문자열 측정값. baseline 기준 하단 상단 높이 측정. fontBoundingBoxAscent, fontBoundingBoxDescent

1

#canvas #measuretext

개발용 테스트 웹 서버 띄우는 방법

#web #server

#vite #react

1

#amp

HTML 에서 중앙에 위치하게 할 때 center

#html #center #grid

git submodule 사용법 (서브모듈 속 서브모듈도)

#git #submodule

ui-input-stepper

2

#stepper #input

윈도우용 계정 폴더의 temp 에 계속 파일이 쌓이는 것 정리하는 배치파일

#temp #bat

ui-transform-tool

1

#ui #transform

<script type="importmap">

1

#js #importmap