2011-08-16 1 views
0

J'ai fait une page Web en utilisant le système de grille 960. Donc, lorsque je développais le CSS pour ma nouvelle page Web, je continuais à vérifier l'option de test de viewport Dreamweaver's Multiscreen et trouvais que mes pages se rangeaient bien. sur des écrans plus petits. Pas de texte miniature, pas besoin de pincer et de zoomer.Remplacer Ipad/Iphone pas de fonction de redimensionnement pour les pages Web

Ensuite, lors de la mise à l'essai de la page en direct, j'apprends que Ipad et Iphone does not resize windows et je ne peux obtenir une version miniaturisée de ma page Web en plein écran. Je souhaite qu'il y ait un moyen CSS simple pour surcharger cela, de sorte que ma page web se charge de manière réactive aussi sur les appareils Apple.

+1

Je ne suis pas Bien sûr, si c'est ce que vous cherchez ... mais si vous placez cette ligne dans les balises de votre/vos page (s) Web: Naturellement, changez 320 à la largeur de l'appareil. – Luke

+0

ressemble à ce dont j'ai besoin. Peux-tu me rabaisser et m'aider à mettre ça dans le CSS? me sauve l'ajouter à l'en-tête dans toutes les sous-pages. – emjay

+0

Je ne suis pas sûr que ce soit possible - à moins que vous ayez du Javascript qui a détecté l'appareil, la taille et l'orientation de l'écran, etc, puis basculez entre les valeurs pertinentes à la volée, comme un utilisateur sur le site. – Luke

Répondre

0

Vous pouvez peut-être essayer une option de grille fluide, tel que sprysoftvariable grid system qui est basé sur 960.gs, mais il aura encore une présentation de la grille définie (juste de% sur la base au lieu de base px)

+0

Oui, il est actuellement dans une grille de fluide variable spysoft. Mais avec l'iPhone ne redimensionnant pas la fenêtre de safari cela ne fait aucune différence. Vous ne verrez qu'une version miniaturisée de la page à la largeur complète de 1024, et serez forcé d'utiliser le pincement et le zoom. – emjay

Questions connexes