0

我已經使用Foundation-master wordpress主題製作了一個網站,它看起來不錯,但我不喜歡它在其他瀏覽器寬度下的行爲。有沒有辦法讓它無響應,或固定在一定的寬度?如何讓Zurb基金會無響應?

謝謝!

回答

0

基金會的建立是爲了簡單地創建響應式網站。 除了如果您不需要響應式webseite而使用此框架的問題之外,只有在您開始移除基礎CSS中的所有媒體查詢並移除視口元標記時,纔有可能。

也許您應該更好地投資這個時間來使您的webseite反應靈敏,以便它適用於較小的屏幕和移動設備。

+0

謝謝。我知道,我應該保留960.gs,這對我來說太複雜了,讓所有的元素都很敏感。 你解決了我的問題,謝謝。 –

0

雖然問題被標記爲回答,但我只是想給您一個快速提示,以防止Foundation 4網格採取相應行動,因爲我們也要處理這個問題。

在我們的案例(SASS版本)中,通過css將<body>元素的寬度設置爲網格的特定寬度,並將SASS變量$small-screen中的斷點減少爲1px。

0

嘗試在身體atributes這樣添加一個最小寬度:

html, 
body { 
    font-size: 100%; 
    min-width: 1020px; 
    } 

(foundation.css)

1

有時有必要禁用響應功能。例如,如果像我這樣發生過兩次,網站會啓動無響應,並且稍後會添加針對智能手機/平板電腦的優化。

即使您取消了響應能力,Foundation也是一個出色的框架。 SCSS文件結構非常好,它帶有一個非常有用的UI元素庫。如果你問我,這是響應式和非響應式網站的絕佳選擇。有些人可能也想要簡化他們的工作流程,而不是根據項目在不同框架之間跳轉,以降低成本。

反正,這裏是我的兩分錢。這停用對我所有的響應:

.row { 
    width: 62.5rem; 
} 

然後在_settings.scss

$small-range: (0, 90em); 
$medium-range: (0, 90em); 
$large-range: (0, 90em); 

這樣我們基本上總是看到大版本。據我所知,這甚至可以用於頂級酒吧等