0

背景に問題があります。使用する画像は透明度のある 2x2px の png で、パターンを与えるために繰り返されています。大画面や携帯電話では問題なく動作しますが、Nexus7 ではうまく機能せず、一種のモアレが表示されます。明らかに、画像は何らかの形で拡大縮小されていますが、その理由はわかりません。

私のCSS： background: url(pattern.png) repeat top left;

私も試しました： background: url(pattern.png) repeat 2px;

ビューポートを次のように設定します。 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

同じ問題を示す別の Web サイトがあります (少なくとも私のタブレットでは): http://hansimglueck-burgergrill.de/

4

1 に答える 1

0

私はこの質問が古いことを知っています。誰かがこれを見つけているかもしれません。現代のスクリーンはしばしばより高いピクセル密度を持っているため、より鮮明な網膜のようなディスプレイのために画像を例えば 1.6 倍のサイズに補間します。私が使用したパターンはサブピクセルで分割されたため、モアレが表示されました. これが人々に役立つことを願っています。

于 2014-05-10T13:15:21.527 に答える