Re: 縦横混在時の auto 値の解釈

塩澤です。
この問題は非常に興味を持っています。

> 1. max-content sizeを使う
> 2. 100vh[1]を使う
> 3. その時点でのwidthを使う
> の三つがあります。

3 の『その時点での width を使う』というのは、
<div style='width: 300px; writing-mode: horizontal-tb;'>
 AAA
 <div style='writing-mode: vertical-rl;'>BBB</div>
 CCC
</div>
という場合に、内側 div(縦書き部) の height が 300px になるという認識でよろしいでしょうか?
この仮定で話をしたいと思います。
もし、私の勘違いならば訂正をお願いします。



私は 2 が一番分かりやすいと思っています。
横書きのみの場合 width 指定がなければ width は viewport サイズになるからです。
確かにウインドウサイズでレイアウトが変更されますが、すでに多くの人が横書きの状態でそのような挙動(レイアウトが変更され、改行されること)に慣れていると思います。

1 についてですが、横書き内に縦書きが混在した場合だけ viewport
サイズで改行がされないという挙動は非常に分かりにくい。デフォルトの状態で全ての文書が改行されずに表示されるのはちょっとショッキングすぎるのではと思います。
次に 3 ですが、height に関する指定に、親要素の width の指定が関わるというのは確実に混乱を招くと思います。



ところで、http://dev.w3.org/csswg/css3-values/#the-vh-unit の
"6.3.2.6. The ‘vh’ unit
The vh unit is relative to the viewport's height. The viewport's
***width*** is equal to 100 ‘vh’ units. When..."
となっていますが、*** の部分は height の間違いでしょうか?

よろしくお願いします。

塩澤


-- 
# 青山学院大学大学院
# 理工学研究科  知能情報コース
# 塩澤 元 (Shiozawa, Hajime)
# mail: hajime.shiozawa@gmail.com

Received on Tuesday, 21 December 2010 14:06:12 UTC