간단히 말하면, 웹사이트는 각 터미널마다 특정 버전을 만드는 것이 아니라 여러 터미널과 호환될 수 있습니다. 이 개념은 모바일 인터넷 브라우징을 해결하기 위해 탄생했습니다.
반응성에 관해서 많은 사람들은 즉시 다음을 생각할 것입니다:
Boilerplate, Foundation, Ulkit, bootstrap 및 기타 프레임워크. (추천 학습: Bootstrap 비디오 튜토리얼)
그리고 아래에서는 Twitter에서 출시한 부트스트랩을 예로 들어 보겠습니다. 결국 가장 인기가 많고 많은 사람들이 사용하는 부트스트랩입니다.
부트스트랩과 같은 반응형 프레임워크의 기본 구현 원칙은 미디어 쿼리입니다.
Bootstrap 핵심 CSS 파일의 개발 버전을 열면 @media가 확실히 보입니다.
Bootstrap은 모바일 우선 전략으로 개발되었으며, 이 전략에 따라 모바일 장치에 대한 코드 최적화를 우선시하고 각 구성 요소의 상황에 따라 CSS 미디어 쿼리를 사용하여 적절하게 설정합니다. 구성 요소 스타일. 따라서 다음 태그를 넣는 것이 가장 좋습니다.
<meta>
더 많은 Bootstrap 관련 기술 기사를 보려면 Bootstrap Tutorial 칼럼을 방문하여 알아보세요!
위 내용은 부트스트랩의 원리는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!