世界中の美術教師が協力して作業できるように、オープンソースのウェブ アプリを開発しています。google.org や barackobama.com のように、ブラウザのアクティブな幅に基づいて自動的に調整される優れた Web サイトが必要です。
ブラウザ、OS などを検出できますが、その情報は使用したくありません。ブラウザーの幅が調整されたときにトリガーされる 4 つまたは 5 つの異なるスタイルシートが必要です。
たとえば、デスクトップ コンピューターを使用してブラウザーでアプリにアクセスすると、ブラウザーが全画面表示のときにアプリ全体が表示されます。次に、ブラウザが幅を縮小すると、サイトはすぐに動的にフォーマットを変更して、普遍的な互換性を確保します。
ブラウザの種類や元の幅に基づいて CSS を変更するのではなく、「モバイル」デバイスであるか「タブレット」マシンまたは「デスクトップ」ブラウザ。
不思議なことに、私は Google Apps Script を使用してウェブ アプリをホストしているため、メタ ビューポート タグが削除されているように見えます。
現在表示しているブラウザ ウィンドウの幅に基づいて、4 つまたは 5 つの異なるスタイルシートを導入するにはどうすればよいでしょうか。