Эксперементируем с responsive design на Livestreet
Может кому то пригодится или кто то хочет попробовать, название говорит само за себя.
В каждый тег
В каждый тег
@media (max-width: XXXpx) { }можем вставить тег стилей которые мы хотим уменьшит, увеличить, изменит.
/** Эксперементируем с responsive design all %) **/ /* Для мониторов больше 1300, ширина сайта будет 1200px */ #container { width:1200px; min-width:600px;/* background: aqua; */} #content { margin-right:20px; width:840px;} @media (max-width: 1300px) { #container { width:1130px; /*background: green; */} #content { margin-right:20px; width:770px;} } @media (max-width: 1200px) { #container { width:1030px; /*background: pink; */} #content { margin-right:20px; width:658px;} } @media (max-width: 1100px) { #container { width:950px;/*background: red;*/} #content { margin-right:20px; width:568px;} #header .nav.nav-main li { font-size:26px;} #header .nav.nav-main li a { margin-right:15px;} }