Mise à l'échelle d'une page de taille fixe par rapport à la largeur de l'écran?

Sur Chrome 40 pour Android, la mise à l'échelle d'une page de largeur fixe en fonction de la largeur de l'écran est simple. On utilise le viewport balise meta et spécifie la largeur du contenu et désactive mise à l'échelle de l'utilisateur:Mise à l'échelle d'une page de taille fixe par rapport à la largeur de l'écran?

Screenshot showing content scaled to width in Chrome 40 for Android

Dans le simulateur de Firefox OS 2.2 le même code ne pas travail:

Screenshot showing content scaled to width in

Comment puis-je adapter le contenu de largeur fixe à la largeur de l'écran dans le navigateur Firefox OS?

code:

index.html:

<!doctype html> 

<title>Viewport test</title> 
<link rel="stylesheet" href="index.css" /> 
<meta name="viewport" content="width=1000,user-scalable=0" /> 

Test

index.css:

* { 
    margin: 0; 
    padding: 0; 
} 

body { 
    font-size: 50px; 
    width: 990px; 
    border: 5px solid lightblue; 
}

Source

2015-03-02 feklee

@adkmatey Je ne vois rien de mal, et le [validateur] (http://validator.w3.org/) dit: * "Ce document a été vérifié avec succès comme HTML5 ! "* – feklee

J'utilise la balise meta suivante et cela fonctionne: <meta name="viewport" content="width=device-width, user-scalable=no">

Source

2015-03-03 17:24:22 lufte

Pouvez-vous poster une capture d'écran de la page correctement mise à l'échelle dans Firefox OS? – feklee

Mise à l'échelle d'une page de taille fixe par rapport à la largeur de l'écran?

Répondre

Questions connexes