0

Foundation-master wordpress テーマで Web サイトを作成しました。見栄えは良いのですが、他のブラウザー幅での動作が気に入りません。応答しないようにする方法、または特定の幅に固定する方法はありますか?

ありがとう！

4

4 に答える 4

1

レスポンシブ機能を無効にする必要がある場合があります。たとえば、すでに 2 回起こったように、Web サイトが応答せずに起動し、スマートフォン/タブレットの最適化が後で追加された場合です。

Foundationは応答性を出しても素晴らしいフレームワークです。SCSS ファイルは非常によく構造化されており、非常に便利な UI 要素のライブラリが付属しています。あなたが私に尋ねれば、それはレスポンシブおよび非レスポンシブサイトにとって素晴らしい選択です. コストを低く抑えるために、ワークフローを合理化し、プロジェクトに応じて異なるフレームワーク間を行き来したくないという人もいます。

とにかく、ここに私の2セント。これにより、すべての応答性が無効になりました。

.row {  
     width: 62.5rem;
}

そして、_settings.scss で

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

このようにして、基本的に常に大きなバージョンが表示されます。私が知る限り、これはトップバーなどでも機能します。

于 2014-05-01T18:56:48.200 に答える
0

質問は回答済みとしてマークされていますが、Foundation 4 グリッドが応答しないようにするための簡単なヒントを提供したかっただけです。

私たちの場合（SASSバージョン）、<body>cssを介して要素の幅をグリッドの特定の幅に設定し、SASS変数のブレークポイント$small-screenを1pxに減らすとうまくいきました。

于 2013-11-21T10:46:27.010 に答える
0

次のように、ボディ属性に最小幅を追加してみてください。

html,
body {
  font-size: 100%; 
  min-width: <value A>;
  max-width: <value A>;
  width: 100%;
}

(foundation.css)

于 2013-12-04T16:48:43.623 に答える