Webアプリ「Get 1500」をスマホ対応するよう更新をしました。

Webアプリ「Get 1500」をスマホ対応するよう更新をしました。
先日更新したWebアプリ「Get 1500」をスマホ対応(スマホで快適に見られる)しました。

□ 対応前のiPod touchで表示した画面
Get 1500
□ 対応後のiPod touchで表示した画面
Get 1500

リンクなどは、セレクトメニューから選択出来るようにしました。ただし、iPod touchでのみテストしたので、他のデバイスでは上手く表示出来るか不明です。

□ ページのセレクト
Get 1500
□ ハッシュタグのセレクト
Get 1500


制作途中に一つだけ気になる点がでました。それは、ユーザによる拡大、縮小をさせるかどうかの設定です。この値は、META viewport の content="" の値に「user-scalable=yes」または「user-scalable=no」と指定するのですが、「user-scalable=yes」としても、拡大縮小が出来ないのです。こういう物なのでしょうか。

なんだか、色々面倒そうな罠にはまりそうです。
ひとまず、勉強がてらに公開です。


□ おまけ、スマホ用のメタ
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=yes" />

□ メタタグの仕様について
下記サイトがわかりやすいです。
スマートフォンのための viewport について

□ 関連記事
Webアプリ「Get 1500」の更新をしました。
Get 1500
Twitterのツイート記事を1500までさかのぼれる。Get1500
Twitter - Get 1500でTwitter公式の東北地方太平洋沖地震の情報を共有するハッシュタグに対応しました。
Twitter - Get 1500 にて、RTが付くツイートを検索対象外としました。
2012.06.14

コメント投稿フォーム

 

最近の投稿

カテゴリ

オススメ

カプセルトイ関連

ミク関連

アーカイブ

RSS Feed RSS Feed Atom Feed TopicXML アイコン
WebBoard