- ベストアンサー
background-sizeについて
レスポンシブWEBデザインで、background-size:containを指定すると背景画像が極端に小さくなってしまうという現象に悩んでいます。 解決方法をご存知の方いらっしゃいましたらご指南の程、よろしくお願いします。
- mituru326a
- お礼率73% (47/64)
- CSS
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
それはbackground-sizeに起因する物ですか？ background-imageを使わずにborderやbackground-colorで要素の大きさを調べて、意図した通りの大きさになっていますか？ もし要素の大きさが意図通りになっていないのであれば、要素の大きさを意図通りになるようにCSSを組み直してみてください。
関連するQ&A
- レスポンシブWEBデザイン 背景画像の高さを
レスポンシブWEBデザインで、お知らせなどの項目の背景を画像にし、テキストの量に応じて高さが調整できないかと思っています。 “background: cover”を使えば、ウィンドウサイズに合わせて可変はしますが、高さはテキストの量に応じて調整する方法をご存知の方、いらっしゃいましたらご教授願えませんでしょうか。 よろしくお願いします。
- ベストアンサー
- CSS
- ＦＬＡＳＨで「background=""」に変わるもの？
windows2000 FLASH MX ホームページの作成でＨＴＭＬで背景を指定するとき、「background="test.gif"」を使用すると、test.gifは小さい画像でも繰り返し表示して画面いっぱいの背景画像を作り出してくれますが、ＦＬＡＳＨでも小さい画像を繰り返し表示して背景画像にする方法はないですか？
- ベストアンサー
- Flash
- CSSのbackground-imageについて
CSSのbackground-imageについて質問です。 前回「CSSでメイン部分が80%ぐらいに表示するには？ http://okwave.jp/qa/q7728293.html 」で質問した者です。 ＿＿＿＿＿＿ ｜｜ ｜｜ ｜｜main ｜｜ ｜｜ ｜｜ ｜｜ ｜｜ ～～～～～～ background-imageでメイン部分以外をパターン画像を使いたいと思いました。 そこでふと疑問が沸いたので質問させてもらいます。 sidebar-left, main, sidebar-rightをdivで区切っていると、 background-imageで背景画像を指定するにはsidebar-leftとsidebar-rightの2カ所に同じ画像を指定しないといけません。 divで区切るたびにbackground-imageを指定するのはは間違っているのでしょうか？ 背景画像を何か所も指定するやり方は間違っているような気がしたので質問します。
- ベストアンサー
- CSS
- レスポンシブwebデザイン PC背景とスマホ背景変
レスポンシブwebデザイン PCの背景とスマホの背景を別々に変更したいのですが、 どうやっても上手くいかない状況です。 どなたか解決できる方法をお教えくださませんでしょうか。
- 締切済み
- CSS
- iPhoneで表示したときのフォントのサイズ
レスポンシブにしていないHTMLとCSSで作成したウェブ・ページを、iPhoneのSafariで見ると、CSSで指定したfont-sizeと異なるサイズ（大きく指定したh2より、小さく指定したpのほうが、実際の画面上では大きく表示されるといったように）で表示されているようなのですが、どのように解決すればよいのでしょうか。
- ベストアンサー
- CSS
- レスポンシブWEBデザイン jsの指定について
レスポンシブWEBデザインで、PC用に指定しているjQueryプラグインを、スマホでは指定しない方法を知りたいと思っています。 例えば、640px以下はjQueryプラグインを動かさない、といった感じです。 ご教授の程、よろしくお願いします。
- ベストアンサー
- CSS
- 画像配置のimgタグとbackgroundの違い
画像をHTMLでimgタグで指定するタイプとCSSでbackgroundで指定するタイプの二つありますが、 何のときにimgタグを、何のときにbackgroundを指定するか、知りたいのです。 例えばコンテンツ内ならimgタグ、背景に配置するならbackgroundってのは分るのですが、 タイトルの画像はimgタグとbackgroundのどちらでしょうか？ 他のサイトで拝見してみましたら、どっちも使いますが… 宜しくお願いします。
- ベストアンサー
- HTML
- ResponsiveSlides
レスポンシブWEBデザイン対応のスライドショー、 「ResponsiveSlides.js」で質問があります。 画像が最後に来たら最初に戻らず、最後の画像をストップさせたいのですが、 どのオプションで実現できるのかわかりかねています。 ご存知の方、いらっしゃいましたらご教授の程、お願い致します。
- 締切済み
- CSS
- background-positionが効かない？
seesaaブログでcssをカスタマイズしています。 背景に右上固定で細長い画像を使用したくて bodyタグ内に background-image: url( ); background-repeat: no-repeat; background-position: right top; を記述しました。 すると画像は表示され、リピートもされないのですが、 画面の真ん中あたりに1回表示されるだけで position指定が効いていません。 数値やパーセンテージを入れても変化ありませんでした。 positionだけ効かない、何か思いつく理由はありますでしょうか？
- 締切済み
- ブログ
- テーブルセルの背景画像のサイズ設定について
お世話になっています。 <table>タグで背景に画像を指定しています。 その際、セルの大きさに合わあせて背景画像を拡大縮小したいと思い backimage{ background-image:urL(../img/XXX.jpg); background-repeat:no-repeat; background-size:100% 100%; } というスタイルをつくりました。 IE９やFireFoxではこのスタイルが適応されるのですが、IE８、IE７といった現在主流のブラウザでは 適応されません。 調べたところIE7、IE8は対応していないとのことでした。 仕様上セルの大きさを固定することはできません。 IE8、IE7で同じようにセルサイズに合わせて背景画像のサイズを変える方法がありましたら教えてください。
- ベストアンサー
- HTML
お礼
コメントありがとうございます。 また、返信遅れて申し訳ございません。 なるほど。 再度、見直してみます。 ありがとうございました。