-
ID:BejKt/ さんの質問

スマホサイト(レスポンシブwebデザイン)でcss spriteを使う場合の、画像の幅の指定方法について質問です。
ブラウザの幅に合わせて、表示画像の幅が調整されるようなサイトを、スマホ主体で作成することになったのですが、画像が多く、読み込みに15秒~20秒以上かかってしまいます。
そこで、css spriteを試してみようと思い、ジェネレータを使って試してみたのですが、画像表示エリアの縦幅と横幅を”固定指定”しているため、画像の幅を変動させることができなくなってしまいました。良い方法があれば教えていただけないでしょうか。
よろしくお願いします。

みんなの回答 3 件

ID:8hqMLx さんの回答

基本的に固定サイズじゃないと CSS Sprite はできないと思いますが。

ID:3hEbOu さんの回答

background-sizeの%指定でできる。
読み込み15~20秒ってcsssprite使う前に改善する箇所があると思うのだけど・・・

ID:3IuPVB さんの回答

15秒〜20秒ってのは、3Gのプレビューですかね。それにしても遅すぎますね。どんなに遅くとも3秒以内にまとめないとwebサイトとして成立していないと思いますよ。スマホサイトはHTML5/CSS3を存分に使えるわけだから、HTML5/CSS3で表現できるデザインがセオリーじゃないかなー。

最終更新日:2013-01-04 (10,876 views)

関連するトピックス

ページ上部に戻る