WEBの事

Media Queriesでスマホの縦表示と横表示を判別しCSSを切り分ける書き方

こんにちわ★FUKUOKAママです。

今回はスマホ・タブレットで表示された場合、
簡単に縦と横でCSSを切り分ける書き方があったので残しておきます。

 

こんな簡単に分ける方法があったなんて!目からウロコでした★

CSSに記述します。

————————————————-
@media screen and (orientation: landscape) {
/* 横向きのスタイル */
}
@media screen and (orientation: portrait) {
/* 縦向きのスタイル */
}

————————————————-

以上です。

 

 

 

 

ABOUT ME
FUKUOKAMAMA
FUKUOKAMAMA
都内で10年ほどWEBデザイナーとして働く。 35歳の時に夫の仕事の関係で福岡へ移住。 出産し、そのままフリーでWEBの仕事を始め、現在に至る。