2017-08-27 18 views
1

私はこの問題をしばらく扱ってきましたが、それを自分で解決しようとしましたが、私はちょうどその底に到達することができません。基本的に、私はbodyタグで使っている背景があります。 。しかし、すぐに私は背景にテキストを追加すると、画像は、モバイルデバイス上でゆがんでピクセル化し、それは一種のズームインます身体の反応を反応させる

これは私が身体の背景画像に使用するCSSコードです:

body { 
    background-image: url(background.png); 
    background-repeat: no-repeat; 
    background-position: center 70px; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

ご協力いただければ幸いです。

+0

あなたは、いくつかのスクリーンショットを投稿できますか?もちろん、小さすぎると背景全体に伸ばそうとしている場合、ピクセル化されます。 –

+0

質問助けを求める質問には、それを再現するのに必要な最短のコードを**質問自体に含める必要があります**好ましくは[Stack Snippet](https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript- css-and-html-code-snippets /) [最小限の、完全で検証可能なサンプルの作成方法](http://stackoverflow.com/help/mcve)を参照してください。 – andreas

+0

こんにちは、画像が小さすぎるわけではありません。それは1900 x 1200ピクセルです。なぜそれがピクセル化され、歪んだのかについて混乱しているのです。 – user8409595

答えて

0

画像を固定し、その上に中心位置を配置すると、画像はすべての表示モードで中央に配置されます。

html,body{ 
 
height: 100%; 
 
} 
 
body{ 
 
background-image:url(http://www.cutestpaw.com/wp-content/uploads/2016/02/s-Yoshi-The-Seal-Kitteh.jpg); 
 
background-position: center center; 
 
background-repeat: no-repeat; 
 
background-attachment: fixed; 
 
background-size: cover; 
 
}

+0

こんにちは、これはうまくいって、今はすべてが素晴らしいようです!手伝ってくれてどうもありがとう! – user8409595

関連する問題