スマホサイト(レスポンシブwebデザイン)でcss spriteを使う場合の、画像の幅の指定方法について質問です。
ブラウザの幅に合わせて、表示画像の幅が調整されるようなサイトを、スマホ主体で作成することになったのですが、画像が多く、読み込みに15秒~20秒以上かかってしまいます。
そこで、css spriteを試してみようと思い、ジェネレータを使って試してみたのですが、画像表示エリアの縦幅と横幅を”固定指定”しているため、画像の幅を変動させることができなくなってしまいました。良い方法があれば教えていただけないでしょうか。
よろしくお願いします。
みんなの回答 3 件
基本的に固定サイズじゃないと CSS Sprite はできないと思いますが。
background-sizeの%指定でできる。
読み込み15~20秒ってcsssprite使う前に改善する箇所があると思うのだけど・・・
15秒〜20秒ってのは、3Gのプレビューですかね。それにしても遅すぎますね。どんなに遅くとも3秒以内にまとめないとwebサイトとして成立していないと思いますよ。スマホサイトはHTML5/CSS3を存分に使えるわけだから、HTML5/CSS3で表現できるデザインがセオリーじゃないかなー。
関連するトピックス