基金會5行寬

我想知道，如果行寬只有62.5rem，在基金會5中對XLarge和XXLarge設備進行媒體查詢的目的是什麼，任何人都可以明顯改變這個大小，但是將其作爲默認值的目的是什麼？在巨大的屏幕上它會看起來很小？基金會5行寬

2014-12-05 Andres Orozco

我認爲這些媒體查詢用於構建可見性類（hidden-for-xlarge-only,visible-for-xxlarge-up等）。也許某人在某個時候會使用100英寸的行，並需要這些類，但我必須同意這看起來像是一個邊緣案例。

2014-12-05 15:06:37 321zeno

xlarge和xxlarge默認情況下，在Foundation 5上禁用媒體查詢。要啓用它們，您必須在配置設置中覆蓋變量$include-xl-html-grid-classes: true;。

我已經覆蓋默認的配置與下面的值，它爲我工作得很好：

... 
$include-xl-html-grid-classes: true; 

// Media Query Ranges 
$small-range: (0px, 428px); 
$medium-range: (429px, 591px); 
$large-range: (592px, 784px); 
$xlarge-range: (785px, 980px); 
$xxlarge-range: (981px, 99999999px); 
...

乾杯！

來源

2014-12-30 21:56:15 Cartucho

現在這些媒體查詢已在基金會5中更改。

// XLARGE屏幕 @media只有屏幕和（最小寬度：90.063em）{}/*最小寬度1441px，XLARGE屏幕*/

@media只有屏幕和（最小寬度：90.063 em）和（最大寬度：120em）{}/*最小寬度1441px和最大寬度1920px，在QAing xlarge僅屏幕問題時使用*/

// XX大屏幕 @media僅屏幕和寬度：120.063em）{}/*最小寬度1921px，xx放映幕*/

請檢查官方網站http://foundation.zurb.com/docs/media-queries.html

個

感謝，萊金

來源

2015-04-07 12:28:51

您的網站看起來在大屏幕很小的，因爲你可能已經使用CSS像「最大寬度：62.5rem」 – 2015-04-07 12:30:35

回答

相關問題