Для адаптивного веб дизайна использую media query:
Пример кода:
Код:
<!DOCTYPE html>
<html>
<head>
<style>
@media only screen and (min-width:0px) and (max-width:640px) {
body { background-color:green; }
}
@media only screen and (min-width:640px) and (max-width:800px) {
body { background-color:red; }
}
@media only screen and (min-width:800px) {
body { background-color:yellow; }
}
</style>
</head>
<body>
</body>
</html>