Для тех, кто до сих пор не знает о отзывчивом дизайне, я предлагаю Эта ссылка
, так как долго на нем не понимает медиа-запросы, как:
@media screen and (max-width: 1280px) {
h1 { font-size: 120px; padding: 10px; color:#999999 !important; }
h2{font-size:35px;}
}
@media screen and (max-width: 1024px) {
h1 { font-size: 90px; padding: 1px; color:#999 !important; }
h2{font-size:25px;}
}
@media screen and (max-width: 740px) {
h1 { font-size: 70px; padding: 1px; color:#999 !important; }
h2{font-size:16px;}
.left-col { width: 100%; }
.sidebar { width: 100%; }
}
@media screen and (max-width: 480px) {
}
@media screen and (max-width: 478px) {
h1 { font-size: 50px; padding: 1px; color:#999; }
h2 { font-size: 12px; padding: 1px; }
body { font-size: 13px; }
}
Я рассматривал возможность использовать Adapt.js Вича с вами может сделать:
Это предназначено для использования с 960 сеткой , но вы все равно можете использовать все, что вам нравится в этих .cs
, но проблема в том, что вы Нужен JavaScript включен. Я надеялся, что любой из вас знает более гибкий (отзывчивый!) Решение, любой?