2014-05-13 59 views
1

這裏有Sassmeister代碼,請讓我知道,如果有任何問題的鏈接:http://sassmeister.com/gist/0b7c3a1897fe3bbe33db爲什麼不是歐米茄(價值)覆蓋新的斷點?

我有一個$平板電腦和$ bigscreen斷點,他們使用的最小寬度值。

有$ omega(2n)價值的$ tablet屏幕的媒體查詢。然後,我有另一個$大屏幕與歐米茄(4n)價值斷點。我的目標是在$ bigscreen上顯示每行三張圖片,在$ tablet上顯示兩張圖片,在較小屏幕上顯示兩張圖片。

如果您檢查代碼,您可以看到2n平板電腦值仍然位於$ bigscreen上,導致所有塊都不適合並碰到下一行。這不應該被新的斷點所覆蓋嗎?

Neat比較新,如果您有任何建議或有幫助的提示,他們將不勝感激!謝謝!

回答

0

您對歐米茄有問題,$bigscreen缺口點的omega(4n)不會覆蓋板缺陷點的omega(2n)

有關解決方案,您可以檢查Omega Reset。包括混入你的青菜,做這樣的事情:

.picture 
    +media($tablet) 
     +span-columns(6) //6 of 12 
     +omega(2n) 
    +media($bigscreen) 
     +span-columns(4) //4 of 12 
     +omega(3n) 
     +omega-reset(2n) 

omega-reset(2n)$bigscreen媒體查詢重置$平板breackpoint的omega(2n)。我最近遇到了同樣的問題,這個解決方案工作得很好。

相關問題