1485 sujets

Web Mobile et responsive web design

Bonjour,

Je suis en train de me coder un nouveau framework css, mais je constate un bug pour le responsive de la balise html5 video.

Voici une page d'exemple : Framework Scriptura, pattern

Et voici mon code pour la balise video :

audio,
canvas,
video {
    display: inline-block; /*IE 8-9*/
    width: 100%;
    height: auto;
    margin-top: 20px;
    margin-top: 2rem;
    background: #000;
}


Une idée ?
Salut,

Si l'enjeu est d'éviter que les ressources multimédia ne débordent de leur conteneur, il vaut mieux utiliser max-width plutôt que width (la propriété width est la bienvenue pour corriger d'éventuels bugs sous IE 8, mais avec la valeur auto).
Modifié par Victor BRITO (15 Sep 2013 - 21:50)
C'est bon j'ai trouvé : un élément conteneur était placé en display:table; et avec Opéra ça ne passait pas... Il me faut le mettre en display:block; en responsive pour smartphone. Ce qui est logique finalement.