スマートフォン版を修正した

予告通り

まぁ、不完全な部分もあるかと思いますが、修正しました。

metaタグの修正

ああなっていたものを、こういうふうに修正しました。

<meta name="viewport" content="width=device-width,user-scalable=yes,minimum-scale=0.25,maximum-scale=1.6">

user-scalableとか、minimum-scaleとか、maximum-scaleとかは
すべてデフォルトなんですが、一応設定しました。

横向きでも、画面いっぱいいっぱいに

CSSの設定を見直し、width: 300px(絶対値？こういうのなんていうの？)などをなくしました。width: 90%とかにして、画面のサイズ変更に対して柔軟に。

ビューワーのjQueryを見直しました。jQuery.width()なんてあったのね。

preタグの対処

右端に来たら折り返して欲しかったので。

CSSのword-wrap、使えるのかなーとか思ってたのですが、
そもそもIEだけ、CSS3で使えるかも？って感じなのですかね。

少なくとも、FirefoxやAndroidブラウザではうまく動かなかったので、
以下のような感じに。

.bodybodytmccon pre {
	width: 100%;
	white-space: pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -moz-pre-wrap;
	white-wrap: break-word;
}

すいません。一応、ソースコードはこれで折り返せましたが、
日本語まで折り返せるかわかりません。

まぁ、ざっとこんなもんかな・・・

はらへったー。

2012/02/11 6:37