スマートフォン考察

Read More

スマートフォンです。


はったんから「スマートフォンで見たら文字が無くなる」との報告があったので少し動作確認をしてみた。


--
iPhone4では正しく表示されるのに対し、
AUのIS03(Android2.1)では文字色が背景と同じ色になってしまっていて確かに見えなくなっていた。


ただ全ての画面の文字が見えないというわけではなく、
リンク色(#D56E22)などは正しく表示されている。


--
どうしてこんなことになるんだろうか???


同様に、Pirotora's Blogの方を確認するとあちらは正しく表示されている。


ということは、単純にどこかのタグの閉め忘れか、CSSの";"(セミコロン)のつけ忘れ当たりが一番疑わしい気がする。


また、アンカータグの飛び先となるURLに"#"を指定しているのが原因の一つかも知れない。

あ、"#"を指定しているのはそのページがまだ未実装だからです。
その内拡張する予定でほったらかしになってるけど。


あと文字色で指定している色(#666)が問題というわけではなさそう。

なぜならコメント欄でその色の文字が表示されている部分があったから。

この表示されている部分は、CSSではなくstyleを直接記述しているので、一先ずの対応策としては表示されていない部分のタグにstyleを直接書き加えてやることがてっとり早そうな感じ。


根本解決には至らないけど。


--
結論:
文中の文字色はCSSでbodyタグに対してcolor:#666666;として指定しているのだが、恐らくタグの閉め忘れやCSSの記述ミスなどからバグっているのだと思われる。


一先ずの対応策として本文などのタグに直接styleを書き込むことで対応させる。


--
ちなみに、スマートフォンは一般ユーザからすればモバイル(携帯電話)にタッチパネル機能が付与されたくらいで認識されていると思うけど
実際はPCでもモバイルでも無い新たな区分です。


今までサイトというのはPCとモバイルで動作するように作られていましたが、
今後は"スマートフォン"という中間のものが加わり、
開発者はこの3種類に対応させたものを作らなくてはならない流れになってくるでしょう。いやもうなってるか。


自分の中では、モバイルというより ややPC寄りという具合に認識しています。



Comments(4)

1  てすと  2011/01/17 (月) 13:46 ID:XXXXXXXXX
IS03てすと


2  シラサヤ  2011/01/17 (月) 13:51 ID:XXXXXXXXX
まだ一部表示対応していない部分もあるけど
基本的なところは表示できるようにした。

また何かおかしなのがあったら是非教えて下さい。
マジで喜びます。

3  はったん  2011/01/18 (火) 11:28 ID:XXXXXXXXX
スマートフォンからちぇっくしたよぉ。
みれるよぉになったw

4  びるぱん  2011/01/18 (火) 14:42 ID:XXXXXXXXX
んーCSSで色の指定するときには、モバイル環境を想定するのであれば3桁の省略形は危ない記憶があるなぁ。

#rgbはキャリアによってかなり動作が怪しいはず。
ということで、直接原因かはおいといて#rrggbbのが無難に一票。