'반응형 웹' 태그의 글 목록

✏️ 반응형 웹 디자인웹 요소를 화면의 크기에 맞게 재배치하고 각 요소의 표시 방법만 바꾸어서 사이트를 구현하는 것 ✏️ 뷰포트(ViewPort)반응형 웹 디자인에서 기본적으로 알아둬야 할 개념 / PC에 맞게 제작한 웹 사이트를 모바일 기기에서 접속해서 보면 모든 내용이 작게 보이는데 이는 PC화면과 모바일 화면에서 표시되는 픽셀의 차이 때문에서 발생함. 여기서 뷰포트를 지정하면 접속한 기기의 화면에 맞추어 확대하거나 축소해서 표시할 수 있음. 즉, 뷰포트는 스마트론 화면에서 실제 내용이 표시되는 영역 #1 뷰포트 지정뷰포트는 스타일 태그처럼 태그를 이용해 태그 사이에 작성기본형 => 종류설명사용 가능한 값기본값width뷰포트 너비device-with 또는 크기브라우저 기본값height뷰포트 높이..

Front-end/CSS 2024. 5. 5. 19:10

이전 1 다음