부트 스트랩을 사용하지 않으면 우리의 HTML 페이지 <head>에 <meta name="viewport" content="width=device-width, initial-scale=1.0">이 필요합니까?부트 스트랩없이 <meta name = "viewport"content = "width = device-width, initial-scale = 1.0">이 필요합니까?
예. <meta name="viewport" content="width=device-width, initial-scale=1.0">은 부트 스트랩 프레임 워크와 완전히 관련이 없으며 사용하는 프레임 워크에 관계없이 각각 웹 페이지 인 이어야합니다.
viewport META tag은 device width 본질적 장치 화소가 제대로 요소 폰트가 정확하게 휴대 기기를 확장 할 수 있도록, CSS 픽셀로 매핑하는 것을 의미 width CSS 속성에 매핑 할 수있다. 이것이 없으면 전통적인 의미에서 a pixel is not a pixel입니다.
viewport META tag이 없으면 대부분의 모바일 장치가 다른 뷰포트를 가지고 있기 때문에 웹 사이트가 다양한 모바일 장치에서 동일하게 보이도록하는 데 엄청난 어려움을 겪을 것입니다. ViewportSizes에는 286 개의 다른 모바일 장치와 해당 뷰포트 크기를 참조하는 시트가 있습니다.
퍼센트 단위의 측정 단위를 사용하는 경우에도 한 장치에서는 글꼴이 너무 커서 다른 글꼴에서는 글꼴이 너무 작게 보일 수 있습니다. Apple은 Safari에서 이것을 보여주는 great documentation입니다.
은 당신의 웹 사이트가 모든 모바일 장치에서 제대로 표시되는지 확인 확인이viewport META tag 사용할 수 있도록하고, 또한 media queries의 사용을 확인하십시오. 당신이 미세 조정을해야하는 경우 특정 장치 :이 도움이 희망에 대한 CSS 트릭은 특정 모바일 장치를위한 미디어 쿼리의 a helpful list이있다! :)
휴대 전화를 지원하려는 경우 반드시하십시오! 그렇지 않으면 페이지가로드 될 때 매우 작게 보입니다. Checkout https://css-tricks.com/snippets/html/responsive-meta-tag/ 이상 https://stackoverflow.com/questions/14775195/is-the-viewport-meta-tag-really-necessary –