人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

モバイルサイトのコーディングについて質問です。
最近のソフトバンクケータイは「ブラウザ画像サイズ」が240px以上の機種があるようですが、今までの携帯の「ブラウザ画面サイズ(240px)」にあわせて作られたサイトの画像が異常に小さかったり横だけ伸びてゆがんで表示されてしまいます。
240px以内の機種とURLを分けずに、全機種で同じ画像の見え方にしたい場合、どうコーディングすれば良いのでしょうか?

●質問者: respect01
●カテゴリ:ウェブ制作 家電・AV機器
✍キーワード:ケータイ コーディング サイズ サイト ソフトバンク
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Otaxa
●35ポイント

まず簡単な方法としては、横幅を100%にすることです。

以下の指定で、横幅いっぱいの画像が表示されます。

<img src="xxxxx" width="100%" />

高さ(height)は指定しなければ、なりゆきで表示されます。


しかしこの場合、画面の広い機種などは画像が大きくなるため、相対的に文字が小さく見える場合があります。

また、画像の横に文字を回り込ませることができません。


全機種で「同じ画像の見え方」を厳密にするとなると、プログラムで制御するほかないと思います。

(機種を判別し、画面サイズを取得し、適切なサイズにリサイズして出力する)

念のため画像リサイズの参考URLを貼っておきます。


http://www.web2-labo.com/_imageresize4keitai090421.html

http://nyanyu.com/

http://www.wakatta-blog.com/post_325.html

http://www.plusmb.jp/2008/10/09/678.html


2 ● km1967
●35ポイント

大きめの画像を用意しておき

サーバサイドで携帯の画面の大きさに合わせて動的に画像サイズをリサイズすれば良いでしょう。

サーバサイドで利用できる言語は何ですか?

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ