css3が使い勝手が良くて楽しく過ごしていたら、やっぱりIEでつまづいてしまいました…
ちょっと縦書きでも使ってみようかと、↓おきまりの文言を追加してみた
-webkit-writing-mode:vertical-rl; -ms-writing-mode:tb-rl; writing-mode:vertical-rl;
で、スマホで縦書きもなんだなぁ、と解除してみた
【正】
-webkit-writing-mode:horizontal-tb; -ms-writing-mode:lr-tb; writing-mode:horizontal-tb;
ここからがショボイ話
最初IEだけ解除されないから、メディアクエリが効かない???と、明後日の方向で調べまくったけど解決できず、時間だけがたっていって…
何を間違えていたかというと、IE用の解除表示をてっきり↓と思ってたら
【誤】
-ms-writing-mode:tb-rl;
【正】
-ms-writing-mode:lr-tb;
単純な記述間違いでした…
-ms-writing-mode: horizontal-tb;で解除できなくて困ってたので助かりました。ありがとうございます。
わざわざご丁寧なコメントありがとうございます!
読んでくださった方がいらしたなんて、嬉しかったです