斷點基礎框架

Question

//小屏幕

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

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

//中等屏幕

@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 */ 

//大屏幕

@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屏幕

@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屏幕

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

以上是基礎框架標準破發點。
對於移動可以看出折點是640最大寬度，如果設計提供給我的手機是什麼大於640 &同樣是案例Destkop &平板電腦。改變設計提供的基礎斷點是否有意義？有適當推理的答案會很有幫助。

Answer 1

當然，這是有意義的，你能適應框架到您的項目需求;大部分的時間你可以使用現有的斷點（什麼Zurb根據最的時間他們的場景定義），但你能適應，如果你的項目有特定的需求，你可以做到這一點。

我推薦給你的不是使用基礎的基礎包，而是使用"sass customized" version來代替，這樣你就完全控制了框架變量。

在基金會的設置文件，部分d。，您可以編輯媒體查詢範圍（又名斷點範圍），下一次你編譯的框架，您將有斷點，就像你需要他們。