-
뷰포트(viewport)
접속한 사용자에게 보여지는 화면 영역(실제 내용이 표시되는 영역)
<meta name="viewport" content="width=device-width, initial-scale=1">
미디어 쿼리(Media Queries)
사이트에 접속하는 장치에 따라 특정한 CSS 스타일을 구분지어 적용될 수 있게 하는 CSS3 모듈
@media [not | only] 미디어유형 [and 조건] * [and 조건] { CSS Code; }
미디어 유형 종류
가로,세로 너비 값 지정에 따라 지정
화면 회전
– 스마트폰이나 태블릿은 기기를 세로나 가로로 보게 되고 그에 따라 사이트의 화면 방향도 변하게 됨 orientation 속성으로 화면 방향 체크가 가능 portrait는 세로, landscape는 가로
@media screen and (orientation:landscape) { body {background-color:orange;} } @media screen and (orientation:portrait) { body {background-color:yellow;} }
'개발 > JAVA' 카테고리의 다른 글
JAVA_ Javascript 변수의 정의와 출력, 연산 (0) 2021.09.16 JAVA_ JavaScript 의 정의, 특징 (0) 2021.09.16 JAVA_ 반응형 웹 정의, 장점 (0) 2021.09.16 JAVA_ 배열 정의, 배열 개수 확인, 요소 추가/제거, 출력 (0) 2021.09.16 JAVA_ 주석, 반복문(for,while), 비교 연산자 정의 (0) 2021.09.16 댓글 (비로그인 댓글 허용하지 않습니다.)