의미 = 1.0

Question

메타 태그에 '초기 규모 = 1.0'의 정확한 의미는 무엇입니까? 어떻게 유용합니까? 우리가 그것을 사용하지 않는다면 어떻게 변화가 있을까요?

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

Answer 1

<meta> 뷰포트 요소는 페이지의 크기와 스케일링을 제어하는 ​​방법에 브라우저 지침을 제공합니다.

width=device-width 부분 (기기에 따라 다름) 장치의 화면 폭을 따라 페이지의 폭을 설정한다.

initial-scale=1.0 일부 페이지가 제 브라우저에 의해로드되는 초기 줌 레벨을 설정한다. 페이지를 방문 할 때

Answer 2

initial-scale는 초기 줌입니다. 1.0의 값은 확대/축소하지 않습니다.

CSS Tricks 및 MDN에 대한 좋은 설명.

Answer 3

합니다 (@viewport 규칙 zoom 속성에 매핑) 초기 규모의 기본값은 "자동"입니다. 브라우저는 사용하려는 규모에 따라 "지능적인"추측을 할 수 있습니다. 제대로 작동하지 않을 수도 있습니다. 다른 브라우저는 다른 방식으로 추측합니다. initial-scale을 1.0으로 설정하면 추측이 중지됩니다.