모바일 장치에서 부트스트랩을 사용할 수 있나요?

Bootstrap에 대해 더 자세히 알고 싶다면 다음을 클릭하세요. Bootstrap tutorial#🎜 🎜 #

Bootstrap은 현재 널리 사용되는 반응형 개발 프레임워크이며 자연스럽게 모바일 개발에 사용될 수 있습니다. 그러나 모바일 장치에 우선 순위를 두려면 몇 가지 설정도 지정해야 합니다.

bootstrap 환경에는 최소 3개의 파일이 필요합니다.

● bootstrap .min.css

●jquery.mis.js

●bootstrap.min.js# 🎜 🎜#

<!-- 新 Bootstrap 核心 CSS 文件 -->  
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">  
  
<!-- 可选的Bootstrap主题文件（一般不用引入） -->  
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">  
  
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->  
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>  
  
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->  
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

다음 사항에 유의해야 합니다.

bootstrap.min.css

jquery.mis. js

　bootstrap.min.js

이 세 파일이 소개되는 순서는

, 일반적으로 과 혼동되어서는 안 됩니다. #🎜🎜 # jquery.mis.js

bootstrap.min.js

이 두 파일은 HTML 웹 페이지 하단에 배치됩니다. 이 두 파일을 먼저 로드하면 불필요한 문제가 발생할 수 있습니다

올바른 그리기 및 터치 스크린 크기 조정을 위해서는 뷰포트 메타데이터 태그를 에 추가해야 합니다.

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

모바일 브라우저에서는 뷰포트의 메타 속성을 user-scalable=no로 설정하여 확대/축소를 비활성화할 수 있습니다. 확대/축소 기능을 비활성화하면 사용자는 화면을 스크롤만 할 수 있으므로 웹사이트가 기본 애플리케이션처럼 보입니다. 모든 웹사이트에 이 방법을 권장하는 것은 아니며 상황에 따라 달라질 수 있습니다. #R#e#🎜🎜 ## 🎜🎜 ## 🎜🎜#Added:#🎜🎜 ## 🎜🎜 ## 🎜🎜#META:

🎜🎜#width: 가시 영역 너비, 값은 숫자 또는 키워드 device-width

높이: 너비와 동일

초기 배율: 페이지가 처음 표시될 때 표시 영역의 확대/축소 수준, 값 1.0 사용자가 페이지를 확대할 수 있는 프로그램은 사용자가 실제 크기 이상으로 페이지를 확대하는 것을 방지합니다. 사용자 확장 가능: 페이지 확대/축소 가능 여부, 크기 조정 금지

위 내용은 모바일 장치에서 부트스트랩을 사용할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!