3

私はメディアクエリに非常に慣れていないので、Firefox 12.0 で min-width: 属性をいじっていて、それが機能していないことに気付きました。いくつか遊んだ後、この素敵なウェブサイトを試した後

http://barrow.io/lab/media-query-viewport/

私のマシン (XP ボックス) で Firefox がサポートする最小幅は 615px であることがわかりました。なんで？デスクトップだけでなく多くのデバイスでうまく機能する Web サイトを作成できるように、メディア クエリを試しています。これには、幅が 480 および 320 ピクセルのデバイスが含まれます。Firefox では小さい幅をテストできないため、開発に深刻な影響を与えます。

別のブラウザを試す以外に、これに対する回避策はありますか?

ありがとう。

編集: Firefox がいくつかのアップグレード (現在は v22) を経たので、これはもはや問題ではありません。直ってよかったです。

4

4 に答える 4

2

簡単な回避策があります。目的の幅の iframe にサイトをロードします。

ああ、その理由については、Firefox のユーザー インターフェイスが何らかの理由で特定の幅以下に縮小されないことが原因です。多くの場合、UI をいじる拡張機能が原因です。

于 2012-05-31T13:38:31.547 に答える
1

これが簡単な解決策です

ここから chromEditPlus プラグインをインストールしますhttp://webdesigns.ms11.net/chromeditp.html

そして、Goto Tool-> ChromEdit Plus-> ChromEdit select userChrome.css pannel

コードの下にコピーして貼り付けます 保存してから再起動します

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

    #main-window:not([chromehidden~="toolbar"]) {
      min-width: 200px !important;
    }

したがって、これによりウィンドウが200pxに最小化された問題が解決しました

ありがとう

于 2014-01-23T05:50:32.057 に答える
0

Web Developer ツールバー拡張機能を使用すると、[サイズ変更] > [レスポンシブ レイアウトの表示] を選択して、一般的な画面サイズの選択を確認できます。

于 2014-01-07T18:23:37.753 に答える