2013-08-30 142 views
0

我有一個網站,我主題使用指南針susy工具。到現在爲止還挺好。現在,我的客戶希望iPad和設備,如它來顯示桌面佈局而不是表佈局(移動佈局是確定)Compass Susy桌面佈局顯示桌面佈局

我目前的超對稱佈局:

$mobile: 4 44em; 
$desk: 45em 12; 

我遇到的問題是,由於我正在使用桌面佈局外觀擠壓在平板電腦上的魔術網格。

我想對於桌面佈局作爲一個正規的網站不使用任何響應電網或方法,可以自動放大或縮小,一切以適應屏幕上的比例是鑑於平板電腦。

注意:在考慮了更多關於這個問題之後,我想我需要包含移動網站的視口,但不包括平板電腦或桌面。

我錯過了什麼?

回答

0

是的,您需要更新視口。然後簡單地設置在桌面容器上的最小寬度任意大小你希望它停止萎縮:

.container { 
    @include at-breakpoint($desk) { 
    min-width: 55em; 
    } 
} 

(我不知道你的代碼,當然,但您可以根據需要適應這一點。)

+0

謝謝Eric的回答,它修復了90%的問題。現在我只想知道如何在屏幕尺寸上關閉和關閉視口。有任何想法嗎? –