SSRと絡めようとすると難しくて、いろいろ試行錯誤しました。いまはこういう方向でやろうとしていて、そこそこメンテナンス可能に書けそうだなという手応えがあります。 三行で CSSのメディアクエリのみを使い、Railsでテンプレートエンジンを使うにせよReactでSSRするにせよReactでCSRするにせよ同じ方法を使う PCのみ表示させる場合は .showPcOnly クラスを、スマホでのみ表示させる場合は.showSmartphoneOnlyクラスをつけたdivで囲む たまに .showPcOnly などとは別に width: 100% などを指定しないといけないが、それは別途クラスを定義して与える ヘルパーSCSSクラス こんな感じのヘルパーを用意しておく。 $smartphoneBreakpoint: 767px; @mixin smartphone { @media screen a