重複の可能性:
Firefoxのフルスクリーン背景画像
これを参照してください:http://www.ingress.com/
どのモニター解像度でも正しく見えるこのようなことをどのように行いますか?Ingressサイトでは、解像度/ウィンドウサイズを縮小または拡大すると、コンテンツのサイズ(たとえば、iPhone画像)も拡大縮小するように見えます。
重複の可能性:
Firefoxのフルスクリーン背景画像
これを参照してください:http://www.ingress.com/
どのモニター解像度でも正しく見えるこのようなことをどのように行いますか?Ingressサイトでは、解像度/ウィンドウサイズを縮小または拡大すると、コンテンツのサイズ(たとえば、iPhone画像)も拡大縮小するように見えます。
簡単ですが、CSS3であり、古いブラウザではサポートされていません。background-size:cover
またはbackground-size:contain
をCSSで使用します。
CSS-tricksには、他のより堅牢なソリューションに関する記事があります。
それはあなたが探しているものです:
<body style="background:url(image.jpeg) no-repeat center center fixed">