0
votes

Comment faire ma touche div sensible dans chaque appareil

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. XXX

Toute aide serait grandement appréciée.


2 commentaires

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/...


4 Réponses :


0
votes

Ajouter Hauteur: 100% à votre conteneur, exemple Fiddle

html xxx

css xxx


0 commentaires

0
votes

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: xxx

Notez que j'utilise hauteur: 300px dans le style DIV un exemple


0 commentaires

0
votes
html, body, .container {
  height: 100%;
}

0 commentaires

0
votes

<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>


0 commentaires