我已經使用Foundation-master wordpress主題製作了一個網站,它看起來不錯,但我不喜歡它在其他瀏覽器寬度下的行爲。有沒有辦法讓它無響應,或固定在一定的寬度?如何讓Zurb基金會無響應?
謝謝!
我已經使用Foundation-master wordpress主題製作了一個網站,它看起來不錯,但我不喜歡它在其他瀏覽器寬度下的行爲。有沒有辦法讓它無響應,或固定在一定的寬度?如何讓Zurb基金會無響應?
謝謝!
基金會的建立是爲了簡單地創建響應式網站。 除了如果您不需要響應式webseite而使用此框架的問題之外,只有在您開始移除基礎CSS中的所有媒體查詢並移除視口元標記時,纔有可能。
也許您應該更好地投資這個時間來使您的webseite反應靈敏,以便它適用於較小的屏幕和移動設備。
雖然問題被標記爲回答,但我只是想給您一個快速提示,以防止Foundation 4網格採取相應行動,因爲我們也要處理這個問題。
在我們的案例(SASS版本)中,通過css將<body>
元素的寬度設置爲網格的特定寬度,並將SASS變量$small-screen
中的斷點減少爲1px。
嘗試在身體atributes這樣添加一個最小寬度:
html,
body {
font-size: 100%;
min-width: 1020px;
}
(foundation.css)
有時有必要禁用響應功能。例如,如果像我這樣發生過兩次,網站會啓動無響應,並且稍後會添加針對智能手機/平板電腦的優化。
即使您取消了響應能力,Foundation也是一個出色的框架。 SCSS文件結構非常好,它帶有一個非常有用的UI元素庫。如果你問我,這是響應式和非響應式網站的絕佳選擇。有些人可能也想要簡化他們的工作流程,而不是根據項目在不同框架之間跳轉,以降低成本。
反正,這裏是我的兩分錢。這停用對我所有的響應:
.row {
width: 62.5rem;
}
然後在_settings.scss
$small-range: (0, 90em);
$medium-range: (0, 90em);
$large-range: (0, 90em);
這樣我們基本上總是看到大版本。據我所知,這甚至可以用於頂級酒吧等
謝謝。我知道,我應該保留960.gs,這對我來說太複雜了,讓所有的元素都很敏感。 你解決了我的問題,謝謝。 –