Android Viewportとの戦い

tacamy @tacamy

まじAndroidなんなの…。同じOSのバージョンでも機種によってぜんぜん違うんですけど…。ただ、WebClipアイコン置きたいだけなのに…。

イシザカワタル @watawata

@tacamy まじめな話その辺りを整備するの大変面倒で機種に依存する上、今後どうなるかわからないから、デザインの段階で無理しないほうがいい

tacamy @tacamy

@watawata どの本にもちゃんと明確に触れられてなかったのは、そういうことだったんですね・・・。ほんと説明のしようがないルールのなさでビックリしました！

tacamy @tacamy

AndroidのWebClipアイコンは、同じ指定してても出たり出なかったりするから、もし出たらラッキーだったねっていうおみくじ的なものなのかもしれない。

tacamy @tacamy

ほむほむの時間軸の魔法であたし以外の時間を止めて・・・！

イシザカワタル @watawata

@tacamy iPhone向けの情報は多いけどAndroid向けはまだ少ないところ来て、端末によってサイズからして違いますからねえ。さらに同じWebkitベースなのにレンダリング結果違うと。なので、できる範囲で止めないと…

さとみん☆ @_alimika_

@tacamy 残念ながらPCの時間も止まったままなので、作業しようとしても無駄無駄あ！！

tacamy @tacamy

がんばってつくったアイコン無駄になった＼(^o^)／

tacamy @tacamy

ほんとiPhoneがどんだけいい子かってことですよ。

蛇崩（じゃくずれ） @GRiver

@tacamy iPhoneがいい子ってよりは、OSも機種も種類が無いから対応し易いだけかと

tacamy @tacamy

@tobotoboto @takazudo なんか前、viewportのuser-scalableはyesにしたほうがユーザビリティ的にいいってお二人がゆってた気がするんですが、maximum-scale=1を指定しないと、横向きにしたときに拡大されて横スクロール出ちゃうし、

tacamy @tacamy

@tobotoboto @takazudo でもそれ指定すると拡大できなくなっちゃうから、user-scalable=yesにした意味なくなるのかなぁと思ったのですが、拡大縮小できつつ、横にしたときもコンテンツがフィットしますみたいなことできる方法があるんでしょか・・・？＞＜

tacamy @tacamy

@tobotoboto @takazudo なんかいろいろ試したけどうまいこといかないなーと思って。。。すんすん。。。

Mattari Panda @mattari_panda

@tacamy 呼ばれてないけどお二人が忙しそうなので、、、一度拡大しちゃうと、横向けた時も拡大されたままなので傾けたときのイベントをとって、、、と思ったけど、手で一回拡大しちゃうとリロードしても戻んないね、、、（＝＝

Takeshi Takatsudo @Takazudo

@tacamy @tobotoboto 「横向きにしたときに拡大されて横スクロール出ちゃう」これってどーいうことです？横向きにしたらそのまま拡大率維持されません？

tacamy @tacamy

@Takazudo @mattari_panda 説明ヘタくそですいません。幅100%のコンテンツを、width=device-width, initial-scale=1.0の指定で横にしたときに、文字もコンテンツも拡大されてコンテンツがデバイスの幅をはみ出しちゃいませんか？

tacamy @tacamy

@mattari_panda @Takazudo で、横にしたときにも、デバイスの幅にコンテンツをちょうどよくフィットさせるには、maximum-scale=1をつけるしかなくって、でもこれつけると拡大できなくなるから、user-scalableをyesにする意味があるのかなと。

tacamy @tacamy

@mattari_panda @Takazudo そもそも前おっしゃってた「user-scalable=yes」の方がユーザビリティ的にいいってたのは、ユーザが自分で拡大縮小できるからって意味じゃなかったのかしら・・・。とかパニクってきましたｗ

Mattari Panda @mattari_panda

@tacamy なるほど、たしかに幅100％のやつ今やったらはみ出ますね、、、

Mattari Panda @mattari_panda

@tacamy @Takazudo 実は僕最近幅100％でやってないんですよね。幅固定でやってたりします。案件によっては幅100％もやりますけど。

tacamy @tacamy

@mattari_panda @Takazudo そなんすかー！コンテンツの幅を固定（320px？）にして、viewportはwidth=device-widthってことですかね？やってみよー！どうもですーー！

Mattari Panda @mattari_panda

@tacamy あーでも普通に作るなら幅100％がトレンド（？）ですよね。

Mattari Panda @mattari_panda

@tacamy 幅固定（320px）はAndroidで結構癖があるのでJSつかわないといけなかったりします！

Takeshi Takatsudo @Takazudo

@tacamy @mattari_panda ほかちゃんと話した結果、分かりませんと言う結論に達しました・・・！たしかに言われたとおりにやったらそうなりましたわー

tacamy @tacamy

@mattari_panda もうJSわかんない私はそろそろしんだほうがいいと思うんだよね・・・・・・・・・。固定にすると横にしたときに、全体がzoomみたいに、文字も一緒に拡大されるんですねー！ほおお！しらなかったです！