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
CSS
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
Amicalement,
Simon.
Modifié par Siymon (17 Jun 2019 - 21:06)
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
Amicalement,
Simon.
Modifié par Siymon (17 Jun 2019 - 21:06)
