Problème menu en vague

Moreauadrien
Les bases HTML/CSS

Bonjour,

Voila je rencontre un petit problème avec mon code.

J'ai suivie le Tuto de Grafikart sur le menu en vague, il marche très bien sur pc cependant sur téléphone le résultat n'est pas celui attendue.

http://www.noelshack.com/2018-01-4-1515067175-img-20180104-124357.png

Je crois que c'est le vue port qui ne s'adapte pas bien au portable mais je n'en suis pas sur(je suis pas un expert)

<head>
    <meta charset="utf-8">
    <title>Accueil</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css"
          integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="css/index.css">
</head>

Pouvez-vous m'aidez?

4 réponses

Moreauadrien
Auteur
Réponse acceptée

J'ai réussie a regler mon problème, il venait du fait que le telephone m'envoyer un width erroner(j'ai cru comprendre que c'était assez courrant sur smartphone) j'ai donc regler mon viewport en js et tout marche nikel

Lounis Dev 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimal-ui" />
Moreauadrien
Auteur

ça ne marche malheureusement pas, ce bug intervient seulement sur les ecrans tactiles

Lounis Dev

Moi aussi je suis pas un expert mais peut-être que cette vidéo pourra t'aider :
(https://www.youtube.com/watch?v=X_R9y48d-OQ)