Comment faire de la div évolutive par l'aide de pourcentage en CSS

Salut j'ai une question à propos évolutive div. Je sais qu'on pourrait faire quelque chose comme


img {
  width: 100%;
  height: 98%;
}
 

Et qui rendrait l'image évolutive lors du redimensionnement de la fenêtre. Mais comment puis-je obtenir le même effet dans la plaine de la div? Je tiens à préciser min-width et min-height ainsi. Donc, je veux la div pour être 450x300 concernant le contenu à l'intérieur de la div, mais quand windows est redimensionné la div doit être en mesure de réfléchir à sa taille pour le windows. Cependant, quand je fais quelque chose comme


div {
  min-width: 450px;
  min-hieght: 300px;
  width: 100%;
  height: 100%;
}
 

Il ne fonctionne pas comme je le soupçonne, pour tous les navigateurs aussi bien. Merci de me suggérer pour résoudre ce problème.

Mis à jour
Voici mon exemple de code http://jsfiddle.net/noppanit/Xfpp7/

Ce que j'essaie de faire c'est d'avoir à la div de "texte" a la même taille que l'image quelle que soit la taille que l'image est. Et lorsque vous redimensionnez les fenêtres du "Texte" se réduit ou augmente au même rythme que l'image. Vous ne savez pas si cela est possible dans la plaine, CSS, HTML. Merci beaucoup.

  • Quel est le problème que vous avez? Que le contenu déborde de la div, ou quoi?
  • Désolé de ne pas expliquer le problème, le problème que j'avais était que la div n'est pas réduit au-delà de 450x300. Je comprends que parce que je spécifier le min de la hauteur et la largeur. Mais ce que j'aime vraiment, c'est d'avoir un div 450x300 en écran normal, mais quand je me regarde dans un iPad ou un iPhone ou tout simplement redimensionner l'écran de la div reflètent ainsi.
  • Dans ce cas, vous avez besoin de max-largeur au lieu de min-width. J'ai mis à jour ma réponse.
  • Pouvez-vous fournir le contexte de votre problème sous-jacent? Pourquoi essayez-vous de réaliser cet objectif?
  • Grâce Alerty, j'ai mis à jour ma question déjà et affiché le code d'exemple.
  • Qui marque ces questions? WTF!

InformationsquelleAutor toy | 2012-04-15