inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

모던 웹을 위한 상세한 반응형 배경지식 이해

meta viewport 설정 질문드립니다.

318

DEV_JW

작성한 질문수 3

0

안녕하세요. 수강하면서 궁금한점이 있어서 질문합니다 !

뷰포트 태그가 없다면 대부분 스마트폰에서 디폴트로 설정해놓은 980px에 맞게 웹 페이지가 표시된다고 하셨는데,

그럼

<meta name="viewport" content="width=980">

위와 같이 디폴트값이 설정되는건가요 ??

그리고

가로, 세로 20픽셀인 정사각형 도형을 다양한 디스플레이에서 같은 크기로 나타내려면 뷰포트 width에 고정값을 주는게 아니라 애플 레티나 디스플레이와 같이 인치당 픽셀이 2배로 늘리는 경우가 있기 때문에, device-width로 설정하는게 맞는건가요 ??

HTML/CSS es6 javascript

답변 1

1

잔재미코딩 DaveLee

안녕하세요.

보통은 제가 관련 코드에서 이렇게 쓰면 된다고 말씀드렸던,

다음 코드로 작성을 많이 합니다. 워낙 기기가 다양하기 때문에, 기기에서 정의한 device-width 에 자동으로 맞추기 위함입니다. 이 부분은 후반부 꾸준히 웹페이지를 만들어가는 코드에서도 표준적으로 이정도 쓰시면 된다고 코드나 설명으로 말씀드려서요. 도움이 되실 것 같습니다.

<meta name="viewport" content="width=device-width">

감사합니다.

교육기간을 연장할 수 있는지 문의드립니다.

0

34

1

메일 확인부탁드립니다

0

56

1

CodeSandbox Vanilla 질문있습니다

0

59

1

part1을 수강하지 않아도 지장이 없다 하셨는데

0

106

1

강의에 관해 문의 드립니다.

0

90

1

메일확인 부탁드립니다.

0

90

1

14강 - 72,73번 강의 영상이 동일한거 같습니다.

0

105

1

Symbol 관련 테스트 코드 실행 결과 문의

0

139

1

호환성 관련 태그

0

119

1

강의화면은 index.js인데 왜 샌드박스코드에서는 index.mjs인지 궁금해요

0

136

1

강의화면은 index.js인데 왜 샌드박스코드에서는 index.mjs인지 궁금해요

0

144

1

div id="highlighter"가 강의화면에는 없는데 왜 샌드박스파일에는 있는지 궁금해요

0

86

1

강의화면에 height 가 vh가 아닌 vw라고 나와있는데 뭐가맞는거죠

0

117

1

메일 확인 부탁드립니다.

0

146

1

메일 확인 부탁드립니다

0

150

1

특별한 형태의 javascript배열에서

0

135

1

메일 확인부탁드립니다!

0

160

1

codesandbox 업데이트..

0

143

1

pdf 파일에 있는 링크주소로 들어가지지가 않습니다.

0

266

2

강의에서 알려주신 Properties for the flex container 복습 사이트, 검색 발견되어서 공유드립니다~

0

151

1

removeEventlistener 를 왜 해주어야 하는지

0

227

1

100vw 관련 질문

0

333

2

VS CODE html:5 <tab>기능이 안됩니다

0

344

1

[모던웹페이지 만들기9](1:40)class-desc 카드부분관련

0

244

2