サイト上のborder-image CSSプロパティを使用すると、iPadに奇妙なレンダリング成果物が表示されます（すべてのiOSデバイスに同じ問題があると仮定します）。これは本質的に、画像がCSSにしたがってスライスされるところに小さな線を追加しています。画像を参考にしてご覧ください： 
特定のことをすると、ズームインや、適用したdivの移動などの行が消えることがあります。私はこれがモバイルサファリのレンダリングのバグだと思っていますが、それを修正する方法についてのアイデアや提案は誰にもありますか？私は、このプロパティをサポートしているすべてのデスクトップブラウザで正しくレンダリングすることを追加される場合がありますiPad webkit border-image CSSのレンダリングの問題
：などサファリ、クロム、Firefoxの、
私はあなたがデスクトップ版のSafariでズームイン/ズームアウト場合は必要になりますかなり確信しています同じ問題を参照してください。時には、ピクセルの拡大部分であり、Webkitは実際にサブピクセルで何をすべきかを知りません。あなたの頭に追加
試してみてください。
<meta name="viewport" content="initial-scale=1">
デフォルトのビューが良いだろう方法。また、ズームを無効にすることもできますが、iPad用に特別に設計されたウェブサイトでない限り、私はお勧めしません。
これはかなりの間私たちを悩ませています。ですから、例えば：
我々は代わりに国境-画像値で繰り返しまたはラウンドのストレッチを使用したときの線が消えたことがわかっ
-webkit-border-image: url(image.png) 50 stretch;
あなたが行くことによってそれを自分でテストすることができますあなたのiOsデバイスのhttp://border-image.com/に接続し、伸張パラメータを切り替えます。
（サイトの作者が便利すでにあなたが透明な線になるだろうiOSデバイス上の背景色を持つ、境界線、画像を使用しているため、そこにオフセット値と少し周りを再生します。）
この問題を解決するために縁取られた画像上のハードウェアアクセラレーションを有効にする：それをやった
-webkit-transform: translate3d(0, 0, 0)
うん、 - 先端に感謝を！ – beardedd
また私のために！素晴らしい答え！ –
感謝！これは私にとっても問題を解決しました。私はbase64でエンコードされたSVGを背景画像として持っていて、すべてのブラウザでデスクトップ上でうまくレンダリングされました。 iPad AirのSafariとChromeの両方で、イメージの各繰り返しの周りに1ピクセルの境界線があるため、「グリッド」としてレンダリングされました。ヘッドハンティングの2時間はあなたの答えでここで終わった。あなたは@Duopixelロック。 –