私は JavaScript と CSS メディア クエリを使用するのが初めてで、ここで何かが可能かどうかを知りたいです。
スクリプトを含む Web ページがあります。メディア クエリを使用している CSS ファイルがあります。メディア クエリ css が実行されているときに、スクリプトが css を変更できるようにしたくありません。メニューにデータが入力されているため、スクリプトを引き続き機能させたいと思います。位置や背景色、その他のスタイルを変更したくないだけです。スクリプトが css ファイルまたは html ファイルから css を変更するのを無効にする方法はありますか? （スクリプトを編集したくありません）
不可能。JavaScriptは、ページが読み込まれた後、ページ上のすべてのものを変更できます。ただし、JavaScriptを無効にすることはできます。=））
matchMediaを使用して、現在使用されているメディア クエリを特定することを検討してください。特定のメディア クエリが機能している場合は、JavaScript の手順をスキップしてください。それ以外の場合は、通常どおり UI の変更に進みます。
matchMedia を使用すると、JavaScript から適切に応答できるように、メディア クエリの変更をサブスクライブすることもできます。MDNの Using Media Queries from Codeをチェックすることを検討してください。