stystk

Gentlemen… good night.
Ladies… good morning.

Justin Timberlake – Senorita

はい。iPhone用のwpテーマを作ってるんだけど、早速困ったとこがあったので備忘録。
(追記: 一番下に解決策あるよ！途中のは見なくていいよ！)

iPhoneを縦横変えた時に文字サイズが変わっちゃう部分があった。でもきっちり固定されてる部分もある。で、比較してみると、styleに「float」もしくは「position」が付いていない部分はiPhoneを縦横変えると文字サイズが変わってしまう、ということみたい。(追記: position:static;だとダメ。float:none;もダメ。)

・参考画像。「Archive: All」にはfloat、test1はposition:relative;を付けてる。test2はfloatもpositionもなし。

縦位置だと文字サイズが揃ってるけど…

横位置にするとfloatもpositionも付いていないtest2は文字サイズが大きくなった。

それと、文字が固定されるのはfloat, positionが付いているblock要素内のinline要素のみで、float, positionが付いているblock要素内のblock要素は文字サイズが変わってしまう。

float, position以外に他にもあるかもー。
あと、viewportも関係しているのかも。参考画像でのviewportは「width=320; user-scalable=no; minimum-scale=0.66667; maximum-scale=1.0;」。

追記:
ワイルドカード使って全要素にposition:relative;付けてもダメだった…。なんでだろ。同じようにしてfloatだとOKだった。けど、レイアウト崩壊＞＜

追記2:
display:inline-block;でもイケる。blockやinlineだとダメ。
なんかオレ、勘違いしてんのかなー。なんかさくっとやっちゃう方法とかあるんじゃないかなぁ。

追記3:
やっぱりあった。Travellers Tales : iPhone 用 Web ページおよびアプリケーションの作り方 – iPhone Development Guidelines を読む
bodyに「-webkit-text-size-adjust:none;」って付ければいいのね。

やっぱりさくっとやっちゃう方法があったなぁ…。
あー恥ずかしい。このエントリ、消してしまいたい。けど、残しとこ。

選択させる。反映される。記録される。それらが繋がる。

yasutaka’s notebook

パブリックページ

• http://www.bcphotoshare.com/photos/public

ユーザーページ

• http://www.bcphotoshare.com/photos/[user id]

個別写真ページ

• http://www.bcphotoshare.com/photos/[user id]/[photo id]

ユーザーアイコン

• http://www.bcphotoshare.com/users-icon/[user id]/thumb40.jpg
• http://www.bcphotoshare.com/users-icon/[user id]/thumb68.jpg
• http://www.bcphotoshare.com/images/user-thumb40.jpg

画像

• http://images.bcphotoshare.com/storages/[photo id]/small200.jpg
• http://images.bcphotoshare.com/storages/[photo id]/small225.jpg
• http://images.bcphotoshare.com/storages/[photo id]/large.jpg
• http://images.bcphotoshare.com/storages/[photo id]/thumb68.jpg
• http://images.bcphotoshare.com/storages/[photo id]/thumb40.jpg
• http://images.bcphotoshare.com/storages/[photo id]/original.jpg

ユーザーアイコン・画像は他にもあるかも。Exifは何にもなし。画像のレスポンスヘッダにX-Appname: iphotolog。largeとかにはLast-Modifiedが入ってる。サーバーも違うなぁ。
iPhoneのアプリからアクセスすると日時の情報がしっかり表示されてるけど、Webのほうは「September 6, 2008」などと時間が入ってない。しかもタイムゾーンがGMT？