CSSでデバイスが縦長か横長で文字の色を変えてみる。

@media screen and (orientation: portrait) {
  .portrait_text {
    color: black;
  }
  .landscape_text {
    color: gray;
  }
}
@media screen and (orientation: landscape) {
  .portrait_text {
    color: gray;
  }
  .landscape_text {
    color: black;
  }
}