2017-10-10 12 views
0

J'ai une page Web avec le fond et la forme de svg. L'arrière-plan est divisé en 2 sections.Vérifier la conception sensible en utilisant le chrome

zone Top - background image/zone inférieure - couleur de fond

eu un problème avec certains appareils mobiles, le fond de fond vient derrière des arbres comme celui-ci.

enter image description here

J'ai fixé cette question en écrivant des carrières médiatiques. Après cela, j'ai vérifié la compatibilité des périphériques principaux par l'émulateur de périphérique chromé. Tout va bien. Mais mon client m'a plaint qu'il obtenait ce problème de fond sur son appareil. (Microsoft surface pro 4) Puis je suis revenu à l'émulateur de dispositif de chrome et ai ajouté l'appareil personnalisé comme surface pro 4 et ai réglé la résolution réelle. (2736x1824) bien sur l'outil de chrome. (pc) Ceci est mes paramètres.

enter image description here

Je reçois cette erreur en raison de ne pas mettre en place le rapport de pixels de l'appareil? ou tout autre moyen de vérifier la compatibilité mobile correctement?

+0

Chrome ne simule pas d'autres moteurs de rendu. Donc, si le client utilise, par exemple, Bord sur la surface, alors vous devez tester votre rendu avec Edge. Il peut s'agir d'une erreur dans votre code html/css qui n'est visible que dans d'autres navigateurs que Chrome, ou peut-être un bug dans Edge. –

+0

Il utilise du chrome sur son appareil. – Janath

Répondre

1

Il y a beaucoup d'addons disponibles pour tester site réactif sur les dispositifs respectifs J'ai utilisé suivant ajouter sur vous pouvez essayer cette extension

  • Web Design Responsive Tester - chrome
  • bascule Responsive - Mozilla

Il vous suffit de chercher ces add-ons et de cliquer sur le bouton add addons dans la recherche de navigateurs respectifs pour les addons respectifs.