Bootstrap 반응형 웹 속성 적용시 메타 설정 부분이 있다. cs meta 태그 속성은 대부분 name과 content속성으로 이루어져 있습니다. 그 중에서 viewport는 웹 페이지의 크기를 결정합니다. width=device-width는 웹 페이지의 크기가 모니터가 스마트폰의 실제 액정 크기를 따라가도록 합니다.initial-scale=1는 보여지는 화면의 zoom up 정도를 1배율로 한다는 것입니다. 이 값을 키우면 보여지는 화면이 줌 되어 크게 보입니다. 마치 스마트폰에서 작은 사진을 두 손가락을 이용해 확대시키는 것과 비슷합니다.shrink-to-fit=no는 애플의 safari(사파리) 브라우저에만 영향을 미치는 속성 같습니다. 그 중에서도 사파리 11 이전의 버전과 관련된 것 같습니..
HTML/CSS: box-sizing 속성
box-sizing 속성 엘리먼트의 너비와 높이를 지정하는 기존의 CSS box model을 수정하기 위한 CSS 속성이다. `box-sizing`의 값으론, `content-box`, `padding-box`, `border-box`가 있으며,`content-box`가 기본값이다. box-sizing: content-box CSS 표준에 정의되어 있는 기본값이다. width 와 height 속성은 컨텐츠만 포함하며, padding, border, margin 은 포함하지 않는다. box-sizing: padding-box width 와 height 속성이 padding 을 포함한다. border, margin 은 포함하지 않는다. box-sizing: border-box width 와 height 속성..