Responsive tasarım diyoruz buna, aşağıda olduğu gibi ekran çözünürlüğüne göre gerekli değişiklikleri yapabilirsiniz.

[QUOTE=http://getskeleton.com/]

/* Mobile first queries */

/* Larger than mobile */
@media (min-width: 400px) {
.example{
width:100%;
}

}

/* Larger than phablet */
@media (min-width: 550px) {
.example{
width:80%;
}
}

/* Larger than tablet */
@media (min-width: 750px) {
.example{
width:70%;
}
}

/* Larger than desktop */
@media (min-width: 1000px) {
.example{
width:60%;
}
}

/* Larger than Desktop HD */
@media (min-width: 1200px) {
.example{
width:50%;
}
}
[/QUOTE]