今日も引き続き、モバイル対応に関する修正をちょっと。

7インチタブレットの縦向き程度の画面でははみ出さないようにしたいかなと考えてるんですが、
大きめの<textarea>使ってる所でmax-width指定していない所ではみ出しちゃう感じだったんで、いくつか修正。
まだはみ出すところ残ってると思いますが、
現状CSSの@viewportに対応したブラウザがOperaしかないようなんで、
小さい画面の端末でOpera以外だと縮小表示されちゃうと思います。

<meta name="viewport">設定すればOpera以外でも縮小表示を回避できるんですが、
縮小表示を回避したとしても、現状ではブログエディタはタッチパネル厳しいんで、
CSSの@viewportに各ブラウザが対応するまで待とうと思います。
CSSでできればサイト全体を一括設定できるんで。


ブログエディターの方は、何度か書いてますけど、
Opera = contenteditableが機能しないのでどうんいもならない。
Webkit(標準ブラウザ) = contenteditableに日本語入力ができない。（英語キーボードだと問題ないんだが、複数試してるが、日本語IMだと全部ダメ）
Firefox = 入力はできるが、文字選択ができず、コンテキストメニューも出せない。
ってな状況です。

マウスが無いのでコンテキストメニューは厳しい感じなんですが、
コンテキストメニューなしでもある程度は編集できますし、
この件に対応することでPCで操作しにくくなっても困りますんで、
コンテキストメニューはブラウザが普通に対応しなければ放置かなと思います。

contenteditableへの入力の方も、ブラウザが対応していないんじゃどうしようも無いので放置。
こっちはそのうちブラウザも対応してくるんじゃないかと。

Firefoxはコンテキストメニューは別として、現状で入力はできるので、
@viewportに対応してくれれば結構使えるようになると思います。
@viewportの実装もそんなに時間はかからないんじゃないかと・・・