Navigateur n ' échelle t au-dessous de 400px ?

Question

Je suis en train de travailler sur la mise sur pied d'un liquide de feuille de style et il fonctionne merveilleux. Une chose que j'ai remarqué, c'est que ma fenêtre de navigateur de google Chrome n'est pas redimensionné ci-dessous 400px il est juste coincé là-bas et dans FF comme je l'échelle en bas, il s'arrête juste à autour de 400px, puis apparaît une barre de défilement horizontale.

Quand j'ouvre le site sur mon téléphone, il a l'air parfaite autour de 320px, donc je sais qu'il n'échelle inférieure à 400px.

J'étais curieux de savoir si quelqu'un savait si c'était un navigateur de bureau/chose ou si je devrais être à la recherche de quelque chose d'autre que mon CSS. Je n'ai pas de min-width déclarations donc je ne suis pas sûr de ce que pourrait en être la cause.

De nouveau sur le bureau, il évolue vers le bas pour un min-largeur d'environ 400px et s'arrête, mais quand je l'ouvre sur mon téléphone s'adapte à la taille de l'écran du téléphone qui est à peu près 320px... curieux de savoir pourquoi, à tout le moins de ne pas l'échelle vers le bas à la 320px sur le bureau.

-edit- Aussi, je ne sais pas si c'est important, mais l'Opéra permet de réduire à presque rien... de Sorte qu'il fonctionne avec Opera et pas dans Chrome ou FF... des idées?

Answer 1

Google Chrome ne peut pas redimensionner horizontalement au-dessous de 400px (OS X) ou 218px (Windows) mais j'ai une solution simple à ce problème:

1. Quai de l'inspecteur web vers la droite au lieu de vers le bas
2. Redimensionner l'inspecteur panneau - vous pouvez maintenant faire de la zone du navigateur vraiment petit (jusqu'à 0px)

Mise à jour: Chrome vous permet d'organiser les fenêtres de l'inspecteur à la verticale lorsqu'il est connecté à la droite! Cela améliore vraiment la mise en page.

Le HTML et le CSS panneaux ajustement vraiment bien et même d'ouvrir un petit panneau de la console. Cela m'a permis de complètement passer de Firefox/Firebug pour Chrome.

Si vous voulez aller plus loin, regardez l' inspecteur web paramètres (icône de roue dentée, en bas à droite), et allez à l' agent utilisateur de l'onglet. Vous pouvez définir la résolution de l'écran que vous voulez ici et même de basculer rapidement entre les modes portrait et paysage.

Mise à JOUR: Voici un autre outil vraiment cool, je suis venu à travers. http://lab.maltewassermann.com/viewport-resizer/

Answer 2

C’est peut-être à cause de l’addons que vous avez installé sur votre navigateur. supprimer ou masquer toutes les icônes de la barre d’outils addon et essayer re taille. lorsqu’il y a addons navigateur seulement redimensionner la barre d’adresse et maintient les addons visibles.

Mise à jour : 14/07/2013

---

Avec la dernière version de chrome, maintenant vous pouvez redimensionner la barre d’adresse et il permet de masquer automatiquement les addons.

Answer 3

J’étais perplexe aussi bien mais a fini avec une solution simple. Je viens de créer un fichier HTML avec un lien pour ouvrir une nouvelle fenêtre :

Cette nouvelle fenêtre a rien mais la barre d’adresse et Chrome me permet ceci redimensionner librement jusqu'à 111 x 80.

Answer 4

solution de nayan9 fonctionne très bien et peuvent être mis en signet sans avoir à créer un fichier html. En Chrome, créer un nouveau signet avec URL :

Et lui donner un nom de « Petite fenêtre » ou quelque chose de similaire. Cela vous permettra d’ouvrir facilement windows sans restriction de taille au sein de chrome. Notez que le fait de simplement copier ceci dans votre adresse ne fonctionnera pas bar - chrome brillant de la « javascript : » dehors.

Answer 5

Dans le cas où vous souhaitez réduire votre largeur de l'écran à émuler différents appareils (et sinon, pourquoi voudriez-vous faire cela?):

Chrome a maintenant une Émulation de l'article dans son inspecteur, activé en cliquant sur le petit icône du téléphone dans la barre de menus supérieure (entre la loupe et les Éléments):

Mode d'émulation permet de définir la taille de la fenêtre pour tous les mobiles de tailles d'écran, parmi d'autres fonctionnalités intéressantes, comme l'émulation de touche, de la géolocalisation et même de l'accéléromètre d'entrée: