J'ai des bordures rendues étranges sur des éléments qui n'ont aucune bordure dans Safari Mobile? Une idée sur ce qui peut causer le problème? Je n'étais pas capable de trouver une solution. Merci d'avance pour votre aide.Rendu des bordures bug dans Safari mobile
Avez-vous des lignes fines sur les bords des images? Plus mince que 1px?
Si tel est le cas, cela semble être lié à la façon dont le navigateur met à l'échelle les images lors du zoom. Il semble prendre des données de la ligne suivante dans l'image, et l'utiliser comme une partie de l'interpolation d'image. J'ai résolu le problème en ajoutant 1 ligne de pixels de couleur de fond à l'image. Pas idéal, je sais, mais c'était la seule solution que j'ai trouvé qui fonctionnait.
Cela semble être la réponse à [la question] (http://stackoverflow.com/questions/4780896/thin-gray-black-lines-on-web-page-viewed-with-ipad) J'ai posé. Merci @ Marcus (PS si vous répondez là-bas, je vais accepter la réponse) – Adam
Répondu aussi à http://stackoverflow.com/questions/4780896/thin-gray-black-lines-on-web-page-viewed-with -ipad – Marcus
J'ai eu le même problème. N'a pas pu trouver la cause, mais l'a résolu avec un hack, en ajoutant une frontière transparente à l'élément:
border: 1px solid transparent;
Ceci est une solution situationnelle au mieux. Le problème est dû à une erreur d'arrondi car Webkit met à l'échelle l'image. L'ajout d'une bordure modifie les maths sous-jacents, mais l'arrondi dépend toujours de la taille de l'image, de la taille de l'écran de l'appareil et de toute mise à l'échelle de l'utilisateur (pincer pour zoomer, etc.). Cela signifie que dans certains cas, 1px de bordure aidera, dans d'autres cas 2px aidera, etc :-p Ce n'est pas une solution unique pour tous les appareils et les situations de visualisation. – thirdender
Pouvez-vous montrer quelques exemples s'il vous plaît? Sinon, nous ne ferons que deviner. –