Je travaille sur un projet simple. J'ai besoin d'aide pour rendre mon bouton sensible à chaque appareil. Lorsque je vois cela dans iPad, le bouton déplace le dessus dans le périphérique. Je le veux au milieu de la page dans tous les autres appareils. Toute aide serait grandement appréciée. P> p>
4 Réponses :
Ajouter html p> css p> Hauteur: 100% code> à votre conteneur, exemple Fiddle a>
Voici un exemple. Tout d'abord ... N'utilisez pas la balise de bouton HTML à l'intérieur d'une balise A. Vous pouvez afficher le lien lui-même comme un bouton en utilisant uniquement les classes de bootstrap.
Exemple-code: P> Notez que j'utilise hauteur: 300px dans le style DIV un exemple p> p>
html, body, .container {
height: 100%;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<div class="d-flex justify-content-center align-items-center container h-100">
<a href="video.php">
<button type="button" id="screen" class="btn btn-primary"> btn-Start ScreenSaver-btn </button>
</a>
</div>
Bienvenue sur: Veuillez prendre un certain temps pour examiner votre message avant de soumettre: le code CSS est manquant et vous n'avez pas fourni d'exemple de reproductible minimal. En tant que note latérale, vous avez un bouton à l'intérieur d'un lien (qui n'est pas valide) et que la balise de liaison elle-même est mal formée.
Peut-être peut-être que cela peut vous aider: TEMPLATEMONSTER.COM/BLOG/...