0

レスポンシブ デザインで Wordpress サイトの改善を支援しています。現在、さまざまな画面サイズ用にメディア クエリを設定していますが、現時点では CSS ルールはありません。

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles go here */
}

Firebug のライブ メディア クエリに新しいルールを編集して追加する方法はありますか? 「ダミーの」CSS ルールを追加して FTP に配置し、ブラウザでテストしてそこから編集するよりも便利です。

ありがとう

4

2 に答える 2

1

はい、できます。[CSS] タブをクリックしてから、[ソースの編集] をクリックしてください。次に、必要に応じて変更を実際の CSS にコピーします。ただし、メディア クエリを で定義していることに注意してください。min-device-widthデスクトップでは、ブラウザのサイズを変更してもデバイスの幅が変わらないため、変更はレンダリングされません。

同様に、Chrome のデバッガー ツールを使用することもできます。こちらの方がはるかに便利です。[要素] タブで CSS を変更できます。次に、[リソース] タブをクリックして Styles フォルダーを見つけます。Chrome は実際に編集した CSS ファイルを通知し、バージョン管理も行います。必要な編集に一致するバージョンの CSS ファイルを右クリックして保存するだけです。

于 2012-06-26T20:05:09.647 に答える
1

私があなたの質問を正しく理解していれば、あなたのサイトに永久に影響を与える編集を firebug で行うことはできません。コードを変更してその動作を確認し、それをコピーして別のスクリプトに貼り付けることができます。ただし、答えについては、最終的には別の css スクリプトを作成する必要があります。

できればいいのですが (アップグレードかもしれません)、おそらくセキュリティ上の理由から何らかのパスワードが必要になるため、誰もが編集できるわけではありません。

于 2012-06-26T19:59:43.743 に答える