“おすすめ改行(レスポンシブ時の改行をモニターサイズで使い分けられる)”の切り替え方法

html/css

  • HOME
  • ブログ
  • html/css
  • “おすすめ改行(レスポンシブ時の改行をモニターサイズで使い分けられる)”の切り替え方法
<br class="pc" />
<br class="sp" />
/***************メディアサイズごとの改行**************/
@media print, screen and (min-width: 481px) {
br.sp { display: none; }
br.pc { display: inline; }
}
@media screen and (max-width: 480px) {
br.sp { display: inline; }
br.pc { display: none; }
}