これはより方向性のある質問です。
レスポンシブ メニューなどのレスポンシブ要素を、レスポンシブでない Web サイト、つまりビューポート タグが存在しない Web サイト内で実行する方法はありますか。または、メニューだけがモバイル画面サイズに適切に比例する同じ効果を達成するための推奨されるアプローチはありますか。
これはより方向性のある質問です。
レスポンシブ メニューなどのレスポンシブ要素を、レスポンシブでない Web サイト、つまりビューポート タグが存在しない Web サイト内で実行する方法はありますか。または、メニューだけがモバイル画面サイズに適切に比例する同じ効果を達成するための推奨されるアプローチはありますか。
レスポンシブ サイトが機能する方法は、メディア クエリと一般にグリッド システムを使用することです。
必要なのは、メニューのみに影響するメディア クエリだけです。グリッド システム全体を実装または使用する必要はありません。
詳細については、https ://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries を参照してください。
編集
メディア クエリ内で、それに応じてサイズ変更する必要がある html 要素のスタイルを指定できます。これらをドキュメントの一番下に配置して、一致したときにデフォルトのスタイルを上書きするようにしてください。
これを行うことで何を達成しようとしているのかはわかりませんが、探しているのはレスポンシブ レイアウトよりも流動的なレイアウトだと思います。