# Viewport

23개의 포스트

[HTML] meta viewport

meta태그 중 viewport의 종류

2022년 11월 6일
·
0개의 댓글
·

[html] 뷰포트 메타태그 shrink-to-fit=no

이현섭님 이력서의 html을 보다가 생소한 속성값이 나와서 찾아보고 정리하는 글.우선 메타태그의 뷰포트에 대한 내용을 정리하자면...데스크탑 PC와 모바일 기기에서 문서가 적절히 보이게 하기 위해 필요하다.shrink-to-fit=no애플 사파리 11버전에선 뷰포트 크

2022년 10월 30일
·
0개의 댓글
·

viewport 를 잊지말자!

기억해, viewport

2022년 9월 24일
·
0개의 댓글
·
post-thumbnail

React 스크롤 특정 영역에서 애니메이션 효과 주기

특정 영역에 도달하면 애니메이션 효과 시작되게하는 방법

2022년 9월 1일
·
0개의 댓글
·
post-thumbnail

뷰포트

웹 페이지가 화면에 보여지는 영역기기별로 화면에 보여지는 영역이 다르기 때문에, 동일한 웹 페이지도 기기에 따라서 다르게 보여질 수 있다. 기기마다 배율조정이 다르기 때문에 PC와 모바일기기로 동일한 페이지를 보고 있어도, 보여지는 영역이 다른 것을 확인할 수 있다.

2022년 7월 6일
·
0개의 댓글
·

meta tag viewport

log 2015. 4. 29. 14:45사용자가 보게 될 화면의 넓이device-widt로도 지정 가능. 즉 본래 디바이스 넓이 그대로 바로 적용 가능width=240 width=device-width사용자가 보게 될 화면의 높이device-height로도 지정 가능.

2022년 7월 1일
·
0개의 댓글
·
post-thumbnail

CSS align과 unit, viewport

align, unit, viewport

2022년 6월 26일
·
0개의 댓글
·
post-thumbnail

반응형 웹(Responsive Web)

최근 절대 허용하지 않을 것 같던 '애플'도 허용한만큼 웹을 어느 기기에서도 사용할 수 있도록 만드는 것의 중요성이 더욱 높아지고 있죠! 때문에 기기마다 다른 화면을 맞추기 위해 viewport의 개념을 더 잘 이해할 필요가 있습니다 아래 사진의 viewport, 눈에

2022년 6월 24일
·
0개의 댓글
·
post-thumbnail

크기 단위

"px", "em", "%", "viewport "에 대하여..

2022년 4월 19일
·
0개의 댓글
·

검색 엔진 밥상 차려주기

검색 엔진 노출 확률을 높이는 방법

2022년 3월 18일
·
0개의 댓글
·
post-thumbnail

[TIL]반응형 웹 디자인과 viewport

반응형 웹 디자인(Responsive Web Design)은 RWD라고도 하며, 쉽게 말해 브라우저 창의 폭에 따라 레이아웃을 바꿀 수 있도록 하는 기술이다.

2022년 2월 16일
·
1개의 댓글
·

HTML①-간단한 페이지로 확인하는 기초문법

html 코드는 크게 두 덩어리로 나눌 수 있다. 메타데이터(주:데이터에 대한 데이터)를 담고 있는 head부분과 본문내용이 담긴 body부분이다. 이 두 부분은 html 태그로 감싼다. 1. Head 1) Doctype Doctype은 본문이 html5를 따른다는 선언이다. 코드의 가장 위에 위치한다. 2) head head 안에는 데이터를...

2022년 1월 19일
·
0개의 댓글
·
post-thumbnail

100vh, viewport 주의점

viewport 사용하지말자?! 최근 모바일용 웹을 개발하면서 한 화면에서 스크롤이 생기지 않도록 만들 필요가 있었는데.... 너무 고생을 해서 기록을 남겨놓는다.

2021년 11월 25일
·
0개의 댓글
·
post-thumbnail

[CSS] Unit(단위) & calc(),min(),max()

Unit과 이를 활용한 calc(),min(),max() 함수에 대해 다룬다.

2021년 9월 29일
·
0개의 댓글
·
post-thumbnail

[TIL] 8/6 #1

이번엔 데브코스 강의 말고 프로젝트 TIL!!

2021년 8월 5일
·
0개의 댓글
·
post-thumbnail

width값 100vw와 100%

도대체 난 그동안 뭘한거지? width값 100vw 100%의 차이점은? 어라? 나 왜 모르지?? 어떻게 모를 수 있지??? 공부한지 1년이 다 되어가는데 모른다니 부끄럽고 스스로에게 화가난다. 그러니 이참에 제대로 공부해보자! (mdn과 여러 기술블로그를 구글링하여

2021년 5월 11일
·
0개의 댓글
·