라벨이 #부트스트랩인 게시물 표시

[용어 정리] 뷰포트의 기본(meta name="viewport" content="width=device-width, user-scalable=no")

[용어 정리] 뷰포트의 기본 <meta name="viewport" content="width=device-width, user-scalable=no"> 모바일로 최적화된 사이트는 일반적으로 다음과 같은 태그를 포함한다. width  뷰포트 크기를 조절 특정한 숫자를 사용해 width=600 이라고 할 수도 있고 device-width 와 같은 특정한 값 사용 가능 device-width : 100%스케일에서 CSS픽셀들로 계산된 화면의 폭을 의미 (뷰 포트의 높이에 따라 크기와 위치가 변하는 요소들로 이루어진 페이지의 경우 상응하는 height 와 device-height 값들을 유용하게 사용 가능) initial-scale  페이지가 처음 로드될 때 줌 레벨을 조정함 maximum-scale , minimum-scale , 그리고 user-scalable 속성들은 사용자가 얼마나 페이지를 줌-인, 줌-아우트 할 수 있을지 조정함 출처 : https://developer.mozilla.org/ko/docs/Mozilla/Mobile/Viewport_meta_tag

[용어 정리] IE 문서 모드란 meta http-equiv="X-UA-Compatible" content="IE=edge"

이미지
[용어 정리]IE 문서 모드  메타 태그 중 아래의 코드를 알아보자 <meta http-equiv="X-UA-Compatible" content="IE=edge"> content="IE=edge" IE=edge :  IE(Internet Explorer)브라우저에서, 각 버전 중 가장 최신 표준 모드를 선택하는 문서 모드(IE6~IE11) IE : 이전 버전의 브라우저에서 보는 것처럼 내용을 표시 할 수 있음 문서 유형 (document type)선언과 함께 사용해야 함 <!DOCTYPE html> : 최신의 웹 표준을 지원하는 HTML5 DOCTYPE 사용 추천 E11에서는, 문서 모드가 곧 퇴화될 것이며 앞으로 사용하지 말아야할 것으로 규정 현재는  egde모드를 추천함 출처 : http://aboooks.tistory.com/357 

[부트스트랩] 부트스트랩이란?

[부트스트랩] 부트스트랩이란? 부트스트랩 부트스트랩은 웹 디자인을 편리하게 하기 위해서 나온 프레임 워크 부트스트랩을 활용하면 웹 디자인에 쏟아야 하는 노력을 절반 이상으로 줄임 특히 반응형 웹에 효과적 부트스트랩 설치 부트스트랩 설치는 부트스트랩 사이트에서 다운로드 받은 후 크게 3가지 방법으로 사용 웹서버에 올려서 사용하는 방법 (가장 많이 이용) CDN(Contents Delivery Network)을 이용하는 방법 (CDN상황에 종속되어 가끔 느려짐) Bower이라는 패키지를 이용하는 방법( bower 라는 별도의 패키지 필요) 출처 : http://devstory.ibksplatform.com/2017/08/blog-post_21.html