css - モバイル デバイスに関連する背景パターンの効果

Question

昨夜疑問に思ったのですが、直接的な答えが見つからなかったので、ここで質問します。極端な背景では、一定ではなく微妙な効果を目に見えるようにしたい. モバイル デザインでこれをどのように調整しますか? また、パターンが画面サイズよりも大きい場合、背景はどうなりますか? 背景に何が起こるかわからないので、特定の理由でこれを尋ねます。表示したり、縮小したり、繰り返したりしませんか? このために特別な背景をコーディングしますか?

Answer 1

あなたのCSSに依存します....

CSSでno-repeat、center、cover、その他のさまざまなオプションを設定できるため. したがって、 width:100%, height:100% を使用すると、縮小するか、同じことを行うカバーを使用できます。パターンを繰り返したい場合は、repeat などを使用します。次のように、携帯電話やパッドに別のリットルの背景を指定することもできます。

@media only screen and (min-width:480px) and (max-width:767px){
html, body {background-image:url("image.jpg");}
}

iPhone や iPad では、アップスケールしてからダウンスケールすると、画像が恐ろしく見えることがありますが、css カバー要素を使用してこれを回避する方法があります。