부트스트랩을 휴대폰 화면 크기에 맞게 조정하는 방법

추천 튜토리얼: 부트스트랩 튜토리얼

# 🎜🎜# Bootstrap에서 개발한 웹사이트를 모바일 친화적으로 만들고 적절한 그리기 및 터치 스크린 크기 조정을 보장하려면 아래와 같이 웹 페이지 헤드에 뷰포트 메타 태그를 추가해야 합니다.

#🎜 🎜#

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

#🎜 🎜#　
width

이 속성은 장치의 너비를 제어합니다. 귀하의 웹 사이트가 다양한 화면 해상도를 가진 장치에서 볼 것이라고 가정하면 웹 사이트를

device-width으로 설정하면 다른 장치에서도 올바르게 렌더링됩니다. 　initial-scale=1.0

웹페이지가 로드될 때 크기 조정 없이 1:1 비율로 렌더링되는지 확인하세요.

모바일 브라우저에서 user-scalable=no#🎜🎜 # 확대/축소 기능을 비활성화할 수 있습니다.

일반적으로 maximum-scale=1.0 은 user-scalable=no 과 함께 사용됩니다. 확대/축소를 비활성화하면 사용자는 스크롤만 할 수 있으므로 웹사이트가 기본 앱처럼 보입니다.

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

원본 기사 주소: https://www.cnblogs.com/wang3680/p/1fba762fb916d0189047085d9e14c117.html

위 내용은 부트스트랩을 휴대폰 화면 크기에 맞게 조정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!