0

WordPressサイトで問題が発生しました。特にモバイルブラウジングのシナリオでウィンドウサイズを小さくすると、フォントサイズが16ピクセルに増加し、#wrap幅が960ピクセルから460ピクセルに変更されます。

モバイルブラウジングの問題をすばやく解決するために、サイト全体を960ピクセル以上に抑え、より長期的な実装に時間をかけたいと考えています。

問題は、この変更はFireBugで検証されたCSSに反映されているということです

問題のウェブサイトは次のとおりです:http://turbulentlabs.com

CSSでオーバーライドしようとしましたが、うまくいきません。ここでは行き止まりのようなもので、一般的すぎずに何を尋ねればよいかさえわかりません。何かご意見は?

4

2 に答える 2

0

FirebugまたはChrome開発者ツールを使用して、「縮小」ウィンドウのcssを確認することをお勧めします。テーマには、おそらくcssにメディアクエリが組み込まれています。

レスポンシブcssが未来の波であることを考えると、皮肉なことに……テーマを書いた人はおそらく「バグではなく、機能だ」と言うでしょう!

物事を静的に保つために、メディアクエリを削除またはコメントアウトすることができますが、CSSを注意深く見てください。クールな子供たちは、モバイルファーストのレイアウトでページを作成し、画面サイズが大きくなるにつれてそれを詳しく説明すると言っているからです。

迅速で汚い解決策は、メディアクエリ自体を削除することです(メディアクエリが狭い範囲から始まり、960までスケールアップすると仮定します...)。メディアクエリのcssコンテンツを保持し、メディアクエリステートメントとその{}を削除するだけです。同じセレクターに複数の変更を加える可能性がありますが、それはクイック/ダーティが関係することです....ああ、すべてが地獄に落ちた場合に備えて、変更されていないcssをバックアップしてください!!!

于 2012-10-04T19:02:06.797 に答える
0

あなたの問題は、style.css2100行目あたりにあります。関連する行は次のとおりです。

@media screen and (max-width: 524px)
#wrap {
width: 460px;
padding: 0px 16px;
}

ほらmax-width?つまり、画面(ウィンドウ)が524px未満のときに起動します。それを削除すると、レスポンシブテーマアクションが削除されます。

編集して追加:firebugを見ると、スタイルごとに呼び出されている行とcssファイルがわかります。これらの行は、呼び出されるスタイルが変更されると変更されます。見やすくするために、firebugを独自のウィンドウに引き出す必要がある場合があります。

于 2012-10-04T20:44:41.163 に答える