Maison  >  Questions et réponses  >  le corps du texte

La vue mobile pour les appareils Netlify ne fonctionne pas correctement

Le CSS de ce site fonctionne bien sur mon ordinateur, comme dans la version de bureau et la version mobile créée avec des requêtes multimédias, mais lorsque je le consulte sur un appareil mobile, le CSS cesse de fonctionner. Lien du site Web : https://lightheart-basbousa-3c2db6.netlify.app/, lien du dépôt https://github.com/hetyug04/portfolioV7. Il est hébergé sur Netlify mais je n'ai jamais eu de problèmes avec lui auparavant. Voici la vue mobile sur mon téléphone

P粉276876663P粉276876663427 Il y a quelques jours533

répondre à tous(2)je répondrai

  • P粉476547076

    P粉4765470762023-09-10 12:20:00

    Votre CSS s'exécute sur des tailles d'écran plus petites.

    En utilisant les outils de développement du navigateur, je peux voir que vous avez une requête multimédia avec display: none sur la classe d'introduction. Cela affecte les écrans inférieurs ou égaux à 1015 pixels. Si vous modifiez ou supprimez une requête multimédia, votre sortie changera.

    Je ne sais pas pourquoi il existe et si sa suppression résoudra complètement votre problème, mais vérifier cela devrait être votre première étape.

    Il existe d'autres problèmes comme le débordement et la largeur incorrecte, vous voudrez peut-être consulter l'Approche de conception mobile d'abord.

    répondre
    0
  • P粉757640504

    P粉7576405042023-09-10 10:34:56

    J'ai résolu le problème, apparemment c'était parce que j'avais imbriqué les styles CSS dans la feuille de style et une fois les styles désimbriqués, le CSS a commencé à fonctionner sur les navigateurs mobiles

    répondre
    0
  • Annulerrépondre