1448 sujets

Web Mobile et responsive web design

Bonsoir,

Je travaille actuellement sur l'amélioration de mon site afin qu'il soit responsive.
Tout fonctionne parfaitement, à l'exception de la barre de recherche qui cause de sérieux problèmes une fois utilisée sur mon téléphone (XPERIA XZ).

HTML


<input type="number" id="myInput" onkeyup="myFunction()" placeholder="Recherche............" name="search" autocomplete="off">


CSS



input[type=numbe] {
  position: absolute;
  display: block;
  padding: 0.5vw;
  top: 6.5vw;
  left: 0.6vw;
  
  font-size: 1.3vw;
  
  border: solid 2px var(--secondary-color);
  height: 1.1vw;
  background-color: var(--primary-color);
  color: white;
  font-family: adam;
  
  width: 16.5vw;
}



Donc, pour être précis.

L'affichage fonctionne parfaitement sur mon navigateur PC.

La barre de recherche s'affiche correctement sur téléphone, cependant quand je "tap" dessus pour écrire quelque chose, mon site s'affiche en mode "PC" avec une impression de "de-zoom".

Merci d'avance pour votre aide Smiley biggrin

Amicalement,

Simon.
Modifié par Siymon (17 Jun 2019 - 21:06)
Administrateur
Bonjour,

indique au cas où quel est ton (meta) viewport stp, cela pourrait en aider d'autres à te répondre Smiley smile
Modifié par Felipe (18 Jun 2019 - 14:27)