取扱説明書 > ご利用マニュアル > スクリーンサイズによって表示内容を変更させる
large-screen、small-screenクラスを使用することで、PCなどの大きいスクリーンでのアクセスと、スマホなどの小さいスクリーンでのアクセスで、表示内容を変えることができます。
編集モードをソースにします。
PCからのアクセスで表示させたい内容を以下のタグでマークします。
<div class="large-screen">PCからのアクセスで表示させたい内容</div>
スマホからのアクセスで表示させたい内容を以下のタグでマークします。
<div class="small-screen">スマホからのアクセスで表示させたい内容</div>
並べて記述することで、スクリーンサイズによって表示内容を変更させることができます。
<div class="large-screen">PCからのアクセスで表示させたい内容</div>
<div class="small-screen">スマホからのアクセスで表示させたい内容</div>
