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

ご返信、ありがとうございます。

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

そうですね、おっしゃる通りです。私は1は逆にショッキングだからいいのだと思います。あ、そうか、高さを指定しないとだめだ、というのが一目で分かります。

2は便利ですが、HTMLエディタやプレビューでそこそこ希望の高さになってしまった時に、そのまま気が付かずにサーバーにアップロードしてしまい、例えば縦長1200x1600の画面の人がページを開くと驚く、という結果につながるリスクがあります。

しかしそれはルート要素縦書の場合でも起こるので、ルート要素縦書の場合に最も近い挙動とすれば、2なのかもしれませんね。個人的には1か2、そのどちらかなら1の方が好みですが、IEがheuristicな値を入れたことからも、やはりショッキングなものは嫌われるのかもしれません。

ちなみにspecには書いてありませんが、通常マージンなどがあるので、100vhだとほぼ常に縦スクロールが必要になると思われます。それを避けるため、90vhなどの案もあることはあるのですが、90である根拠が薄いので、結局そういうのを気にする人は高さを指定するだろうから、計算は単純でいいのではないか、ということで100vhなんだと私は理解しています。

他の方のご意見もぜひお聞かせください。赤字について議論することは、仕様がより速いタイミングで完成に近づくことへの助けになりますので、みなさんの助けをお待ちしています。

> ところで、http://dev.w3.org/csswg/css3-values/#the-vh-unit の

そうですね、おっしゃる通りだと思います。www-styleの方に投げてみてはいかがですか？


-----Original Message-----
From: public-html-ig-jp-request@w3.org [mailto:public-html-ig-jp-request@w3.org] On Behalf Of 塩澤 元 (Shiozawa, Hajime)
Sent: Tuesday, December 21, 2010 11:05 PM
To: public-html-ig-jp@w3.org
Subject: 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 17:34:13 UTC