가장 인기있는 중단 점은 무엇입니까?

Question

몇 가지 선행 연구를 수행하는 대용량 콘텐츠 프로젝트 작업.

Answer 1

저는 개인적으로 인기있는 프레임 워크를 참조하고 그들이 지원하는 것을 보았습니다. "당신은 부트 스트랩 다시 (수행되고 있는지 확인할 수 있습니다

// Small screens 
@media only screen { } /* Define mobile styles */ 

@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */ 

// Medium screens 
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */ 

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */ 

// Large screens 
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */ 

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ 

// XLarge screens 
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */ 

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ 

// XXLarge screens 
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */ 

http://foundation.zurb.com/docs/media-queries.html

을 또는 : 예를 들어, Zurb의 재단은 다음 중단 점을 사용합니다 (모바일 먼저이고, 뭔가 ... 고려) ...) "모바일 최초의

/* Extra small devices (phones, less than 768px) */ 
/* No media query since this is the default in Bootstrap */ 

/* Small devices (tablets, 768px and up) */ 
@media (min-width: @screen-sm-min) { ... } 

/* Medium devices (desktops, 992px and up) */ 
@media (min-width: @screen-md-min) { ... } 

/* Large devices (large desktops, 1200px and up) */ 
@media (min-width: @screen-lg-min) { ... } 

http://getbootstrap.com/css/

내가 생각하고 싶어요이 새로운 디바이스는) 아이폰 6/6 플러스 (그 프레임 워크를 나와으로 s는 의견 양식 사용자를 수신 할 때 업데이트됩니다.

희망이 도움이됩니다.