モバイルサイトのコーディングについて質問です。

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

回答の条件
  • 1人2回まで
  • 登録:2010/02/01 16:39:21
  • 終了:2010/02/08 16:40:02

回答(2件)

id:otaxa No.1

Otaxa回答回数25ベストアンサー獲得回数82010/02/01 19:06:45

ポイント35pt

まず簡単な方法としては、横幅を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

id:km1967 No.2

km1967回答回数541ベストアンサー獲得回数402010/02/01 19:13:18

ポイント35pt

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

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

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

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません