ビービーカートコム　ヘルプ | 画像等のサイズについて

画像等のサイズについて

●画像の横幅は640px程度の大きめのものを使用します。
スマートフォンは端末自体は小さいですが、ディスプレイの解像度は一昔前のパソコン並みに高解像度です。
小さな画像を使用すると画面いっぱいになった際に画質がぼやけてしまうので、横幅いっぱいに画像を表示させたい場合は横幅640px 程度の大きめの画像を使用します。




●画像の設定の際、横幅サイズは「 % 」で指定します。※重要事項です！！
スマートフォンは端末によってサイズが多岐にわたっているため、どの端末にもフィットさせるために固定サイズのpx指定ではなく、画面の横幅に対する比率「 % 」で指定します。
※px指定で640px幅の画像を配置した場合、iphone4sなどの低解像度のスマートフォンでは画像が画面をはみ出してレイアウト崩れを起こします。



●縦サイズの指定は無し（空白）にします。
画像を%指定した場合、スマートフォンの画面サイズに応じて画像は伸縮するため、縦のサイズ指定を設定すると縦のみ固定サイズとなり画像がいびつな形になります。

●テーブルを使ってレイアウトする場合も横幅の指定は「 % 」で指定します。
画像と同様にテーブルを配置する場合も横幅の指定は％で指定します。