Off Canvas レイアウトを実装しようとしていますが、行き詰まっています (これを理解するのに半日を費やしました)。私は基本的に、bradfrost Right Side Off-Canvas レスポンシブ パターンからこのオフ キャンバス レイアウトを使用したいと考えています。
私が欲しいのは：
モバイルでは、左右のコンテンツをそれぞれ 100% 幅にする必要があります。左のコンテンツはデフォルトで表示されるもので、ボタンをクリックして右のコンテンツにスライドします。
デスクトップでは、左側のコンテンツを 300px 幅に設定し、右側のコンテンツを残りの幅に合わせる必要があります。
上記のコード例では、デスクトップの幅が右側のコンテンツに設定され、左側のコンテンツが残りの幅にちょうど収まるように見えます。私は基本的にデスクトップとは逆にしたい（左のコンテンツは固定幅、右は残りの幅に収まる）。
コードFOUND HEREの別のバージョンも似ています (編集しやすいかもしれません) が、問題は、正しいコンテンツがモバイル ビューにデフォルトで表示されることです。モバイルビューでデフォルトで左を表示する必要があります。
これについての助けをいただければ幸いです。前もって感謝します。