comment redimensionner la page Web lorsque la fenêtre du navigateur est redimensionnée?

-1

dans mon site Web cela fonctionne en diaporama diaporama. mais je dois obtenir la même chose pour le corps aussi. Quelqu'un peut-il m'aider?comment redimensionner la page Web lorsque la fenêtre du navigateur est redimensionnée?

.cb-slideshow li span { 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    color: transparent; 
    background-size: cover; 
    background-position: 50% 50%; 
    background-repeat: none; 
    opacity: 0; 
    z-index: 0; 
    -webkit-backface-visibility: hidden; 
    -webkit-animation: imageAnimation 36s linear infinite 0s; 
    -moz-animation: imageAnimation 36s linear infinite 0s; 
    -o-animation: imageAnimation 36s linear infinite 0s; 
    -ms-animation: imageAnimation 36s linear infinite 0s; 
    animation: imageAnimation 36s linear infinite 0s; 
}

Source

2013-03-27 Anju

Je suis J'ai peur de dire que je n'ai aucune idée de ce que vous cherchez. Pouvez-vous clarifier ce dont vous avez besoin? – DACrosby

Si vous voulez redimensionner votre page lorsque les modifications de la fenêtre du navigateur taille, vous pouvez utiliser des requêtes des médias (seuls les navigateurs modernes prennent en charge ce) - ou vous pouvez choisir d'utiliser javascript (troisième option est à la fois). Cependant, votre question indique que vous voulez éviter le javascript. J'ai fait un exemple ci-dessous avec des requêtes de médias. Le CSS sera appliqué lorsque la taille de votre écran est comprise entre 800px et 1000px. Vous pouvez combiner les instructions, comme juste utiliser min ou max si vous voulez juste cela.

@media all and (max-width: 1000px) and (min-width: 800px) { 
    .cb-slideshow li span { 
    /* css here*/ 
    } 
}

Vous pouvez modifier tout élément avec les requêtes des médias. Il est couramment utilisé pour créer des conceptions réactives.

Source

2013-03-27 06:45:11

Salut Xeano? J'ai essayé avec ça. mais n'a pas fonctionné. je voudrais savoir comment puis-je écrire ceci en JavaScript? merci – Anju

Vous devriez être capable d'utiliser des requêtes média. Quel navigateur utilisez-vous? Voici un petit guide si cela ne fonctionne pas pour vous. Cela m'a aidé la dernière fois. http://stackoverflow.com/questions/7859336/css3-media-queries-not-working –

Ne fonctionne toujours pas.Am utilisant Firefox. Je ne veux pas changer la largeur de l'appareil lorsque le navigateur change. quand je réduis la page Web j'ai besoin de corps devrait également minimiser (tout le contenu dans le corps aussi). Je pense que je devrais utiliser le script Java pour cela. Avez-vous une idée à ce sujet? – Anju

Si vous cherchez comment définir votre corps fenêtre à l'échelle même si elle n'a pas assez de contenu, essayez

html, body{ 
    width: 100%; 
    height: 100% 
}

Source

2013-03-27 06:46:13

Vous pouvez utiliser quelque chose appelé Responsive Design. Il utilise Media Queries pour ajuster en fonction de la résolution de l'écran. Il suffit de rechercher Responsive Design dans un moteur de recherche populaire et vous aurez beaucoup à apprendre des liens.

Pour l'instant vous pouvez ajouter ce style à votre corps

body { 
    width: 100%; 
    height: 100%; 
}

Cela rendra le corps réactif.

Source

2013-03-27 06:55:54 KrazzyProgrammer

exemple rapide, il suffit d'ajouter ceci à votre page, et lorsque la page est inférieure à 960px le corps entier doit disparaître

@media screen and(max-width:960px){ 
    body{ 
     display:none; 
    } 
}

maintenant, vous pouvez ajouter autant de changements nécessaires pour répondre à toutes les tailles

Source

2013-03-27 06:59:18 iConnor

comment redimensionner la page Web lorsque la fenêtre du navigateur est redimensionnée?

Répondre

Questions connexes