CSS3の縦書きをIEで解除する時に詰まったショボイ話

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;

単純な記述間違いでした…

Comments

  1. -ms-writing-mode: horizontal-tb;で解除できなくて困ってたので助かりました。ありがとうございます。

    1. わざわざご丁寧なコメントありがとうございます!
      読んでくださった方がいらしたなんて、嬉しかったです

Leave a Reply

Your email address will not be published. Required fields are marked *

CAPTCHA