Fenêtre d'affichage de la balise meta pour les navigateurs de bureau?
Mon client me demande de réduire la taille de l'actuel site web pour les navigateurs de bureau de 30%.
est-il un css ou une balise meta à faire comme fenêtre d'affichage de la balise meta sur un navigateur mobile?
Vous êtes à la recherche d'un
Vous pouvez activer la balise meta "viewport" (largeur) sur l'ordinateur de bureau avec cette JS solution: stackoverflow.com/questions/37762579/...
zoom
propriété CSS. Décrit ici, stackoverflow.com/a/1156526/368691.Vous pouvez activer la balise meta "viewport" (largeur) sur l'ordinateur de bureau avec cette JS solution: stackoverflow.com/questions/37762579/...
OriginalL'auteur Moon | 2011-01-24
Vous devez vous connecter pour publier un commentaire.
Vous pouvez regarder le css
screen
type de support.C'est:
Vous pouvez l'utiliser de cette façon:
Il y a aussi un
handheld
type de média, principalement:Toutefois, vous aurez besoin de tester les différents appareils et les ordinateurs de bureau de votre client est de se concentrer sur afin de déterminer comment l'utilisation de ces types de supports effet l'expérience de l'utilisateur.
Je viens de mettre dans une illustration de la façon de l'utiliser. Il faut encore ajouter des styles appropriés.
OriginalL'auteur Oded
Hmmm... je sais que c'est une vieille question, mais il y a une BIEN meilleure façon d'aller à ce sujet: utiliser le CSS
scale()
fonction de transformation sur le<html>
balise à l'échelle de TOUT à l'intérieur. Découvrez ce jsFiddle: http://jsfiddle.net/mike_marcacci/6fMnH/La magie est tous ici:
OriginalL'auteur Mike Marcacci
Odes est droit.
Mais pour que cela fonctionne vraiment bien, vous devez utiliser ems, au lieu de px partout. Qui va pour la marge et le remplissage ainsi que la largeur et la hauteur de tous les éléments.
Une bonne façon de le faire est d'utiliser SASS. Il suffit de créer votre propre sass fonction pour convertir votre px mesures en ems à la volée. Quelque chose comme cela va faire:
Qui est ensuite utilisé dans votre CSS, comme ceci:
Donc, si le corps de police de la taille est de 100%, alors la taille de la police serait équivalent à 12px et la largeur de la div serait 200px de large.
OriginalL'auteur Fotherington
Ici code pour échelle proportionnelle et de positionnement, wnen à l'aide de "transform: scale"
CSS
JS
OriginalL'auteur Alexander Simonov
Vous pouvez activer la balise meta "viewport" sur le bureau avec JS. D'abord, vous devez tirer le réglage (largeur) de la balise meta:
Alors vous avez besoin d'un peu de JS et de la solution de Mike pour obtenir cette solution de travail: http://codepen.io/anon/pen/GqoeYJ. Notez que dans cet exemple les forces de la largeur 1200 pixels, mais
initial-scale: 0.7
pourrait être implémenté de la même manière.OriginalL'auteur JoostS