背景画像は、100%で最もよく見える単純なパターンです。 ページを拡大するときに背景画像のサイズが変更されないようにする方法はありますか?ページを拡大するときに背景イメージのサイズが変更されないようにする方法はありますか?
2
A
答えて
0
ズームは、ブラウザの機能であり、あなたの代わりにあなたのHTMLドキュメントにあなたはおそらく画像に引っ張ってみてください
0
を固定した画像のサイズを維持するためにできることは何もないので、それはちょうどあなたがあなたのブラウザでご覧くださいすべてを拡大しています:
<div id="bg-img">
<img src="images/bg-img.jpg">
</div>
は、あなたのCSSに起こって、あなたはそれに次のスタイルを適用することができ、画像を保持するDIV:
#bg-img{
min-height: 100%;
min-width: 1024px;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
z-index:-4;
}
A boveスタイルのセットはあなたのイメージをどんなブラウザーにもうまく収まるように設定し、背景イメージのサイズ変更やズームの約3倍までの拡大を防ぎます。ブラウザーのサイズが変更された場合、サイズ変更または切り取りによってイメージが正しい比率を維持するように、最小幅の適切な値を必ず入力してください。
関連する問題
- 1. JFrameのサイズを変更して、ユーザーによってコンポーネントのサイズが拡大または縮小されるようにする方法はありますか?
- 2. デバイス上で背景イメージのサイズが変更されない
- 3. ウィンドウのサイズを変更するときに背景イメージが繰り返される
- 4. 背景イメージを変更するにはどうすればよいですか?
- 5. Safariで背景イメージのサイズを変更するには?
- 6. 背景イメージに来るときにどれくらい大きなものが大きすぎますか?
- 7. ウィンドウのサイズが変更されたときにタブが崩れないようにする方法やハンバーガーを表示する方法はありますか?
- 8. クロムブラウザの背景としてsvgイメージのサイズを変更する
- 9. ブラウザウィンドウのサイズを変更するときにテーブルやイメージ要素が動かないようにする方法
- 10. DOMが変更されたときにGoogleマップのサイズを変更する方法はありますか?
- 11. サイズ変更後に黒い背景を削除する方法
- 12. ListActivityを拡張するアクティビティの背景イメージを変更する
- 13. アドレスバーの背景を簡単に変更する方法はありますか?
- 14. ページが拡大するとフッタのサイズが大きくなる
- 15. クリックしたときにボタンの背景イメージを変更するにはどうすればいいですか?
- 16. NSTextViewの背景が適切にサイズ変更されない
- 17. フレームセットは、ページを移動するときにURLが変更されないようにします。これを回避する方法はありますか?
- 18. ようにする方法を大きな背景は、特にこのページのページ
- 19. Joomlaのブートストラップで背景イメージとテキストのサイズを変更するには
- 20. リストビューをクリックすると、backgroundviewの背景色とイメージが変更されます
- 21. 幅が指定されたサイズよりも大きい場合、イメージを変更する方法
- 22. ダイアログスタイルのアクティビティでイメージを最大サイズに拡大する方法
- 23. どのように背景のimgサイズ変更する
- 24. Appcelerator:向きが変わったときにウィンドウから背景イメージをサイズ変更しますか?
- 25. JQuery - スケーラブル/サイズ変更の背景イメージ
- 26. 現在のページのナビゲーションタブの背景イメージを変更するCSSまたはJavascriptソリューションはありますか?
- 27. 要素追加後に背景画像のサイズが自動的に変更されないようにする
- 28. フォームサイズが変更されたときにフォームにdataGridViewサイズを拡大/縮小する方法は?
- 29. Androidの定期的なアクティビティの背景イメージを変更するにはどうすればよいですか?
- 30. データが変更されたときにtdまたはtrの背景色を変更する方法
私のためにはうまくいきません(ChromeとSafari)。 – laRana
クロムとサファリの仕組みはどうですか? 2つのブラウザでどのようなエラーが発生していますか? iveはいくつかのサイトに同様のメソッドを適用し、ブラウザのタイプに関係なく正常に動作しています。問題を指定できない限り、デバッグするのはかなり難しいでしょう。 – vynx
改訂後のあなたの現在のコードのサンプルも良いでしょう:) – vynx