Modèle de site Web Fluide ou réactif?

Question

Ok, je suis un peu confus ici, j'ai récemment commencé à faire des modèles à vendre, et maintenant des modèles généralement réactifs.

Alors je faisais une nouvelle conception qui avait un autocommutateur de base de la conception suivante:

* { 
    margin: 0; 
    padding: 0; 
} 

.container { 
    width: 100%; 
    height: 700px; 
} 

.main { 
    width: 66%; 
    float: left; 
} 

.side { 
    width: 33%; 
    float: right; 
} 

Bon si cela est un code de base qui montre que mon modèle est un modèle fluide. Et quand le navigateur redimensionne il donne l'effet sensible, bien que nous sachions tous que ce n'est pas un modèle réactif.

Mon problème ici est tel, que j'ai utilisé certains codes CSS pour déplacer le contenu lorsque le navigateur est redimensionné. ce qui signifie que le site Web est maintenant réactif aussi.

Tout d'abord, je ne sais pas si cela est autorisé en tant que site Web valide? Ai-je besoin de changer la largeur de 100% pour des largeurs spécifiques ou il n'y a pas une telle règle? Deuxièmement, comment j'appellerais ce type de site Web? Puisque je le vendrais sur ThemeForest. Je ne pense pas qu'il existe un tel site Web qui puisse être appelé à la fois un modèle Web réactif aux fluides. Ou est-ce? Et enfin, pas toujours, mais il y a des fois, quand je remarque que le navigateur déborde sur l'axe des X. Le contenu dans le .side ne reste jamais dans les limites de 33%. Est-ce que quelqu'un sait pourquoi cela pourrait être le problème? Je vais essayer de faire un exemple pour ça.

Merci.

Answer 1

mieux utiliser bootstrap Il a tout pour responsive design ... pour le télécharger .. S'il vous plaît voici le lien http://twitter.github.io/bootstrap/