Был резиновый шаблон для WP. Переделал его в фиксированный, под 1200 пикселей. Но хотелось бы его настроить, чтобы в зависимости от разрешения экрана менялась и ширина сайта. Как можно это реализовать?
Прочитал на HTML-book про @media, но ничего не получилось с этим кодом. Я что-то не так сделал? Можно ли сделать как-то по-другому?
Код прописал так:
Прочитал на HTML-book про @media, но ничего не получилось с этим кодом. Я что-то не так сделал? Можно ли сделать как-то по-другому?
Код прописал так:
| Код |
|---|
#art-main
{
position: relative;
width: 1200px;
left: 75px;
top: 0;
cursor:default;
}
@media screen and (device-width: 1600px)
{ div {width: 1500px;}
}
@media screen and (device-width: 1280px)
{ div {width: 1100px;}
}
@media screen and (device-width: 1024px)
{ div {width: 980px;}
}
|
