1

私は現在、新しい Foundation 6 でレスポンシブ Web サイトを開発していますが、バージョン 5 のチュートリアルでレスポンシブ グリッドを無効にする方法が見つからないようです (顧客に対してオプションにする必要があります)。

どうもありがとうございました。

4

2 に答える 2

2

このメタタグをヘッダーから 削除します。

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

filzhut によるResponsive Switchを使用するオプションもあります。

于 2015-12-02T14:31:02.927 に答える
0

行、列、および列のクラスのスタイルを削除します。

グリッド スタイルを削除したい各ページの基礎 css リンクの後に、この css コード ブロックをヘッダーに追加します。または、下部にある基本 css ファイルにスタイルを含めることができます。

<style type="text/css">
    .row, .column, .columns { margin: 0 !important; padding: 0 !important; float: none !important; display: block !important; position: static !important; width : auto !important;  max-width: none !important; clear: none !important; }
</style>

これが、foundation.min.css ファイルの末尾にスタイルを追加してグリッド スタイルを削除するという意味です。また、これは css ファイルをローカルでホストする必要があり、cdn を使用しないことを意味します。

グリッドを削除するために下部にスタイルが追加されたfoundation.min.cssファイルの画像

ここで、顧客にグリッドまたはグリッドなしの選択肢を与えることについては、グリッドのあるものとないものの 2 つの開発サイトを顧客に示すことができます。または、ページにボタンまたはいくつかの要素を配置し、js を使用して css またはフォーム内の要素を追加および削除し、サーバー スクリプトでそれを行うことができます。あなたが参照した質問で：

バージョン 5 のチュートリアルによる

グリッドcssのスイッチを備えたf5のチュートリアルが見つかりませんでした。リンクを提供してください。この回答を更新する可能性があります。

于 2016-12-07T16:13:49.300 に答える