умное меню

[DzSoft]

Привет, коллеги, братья и сестры)
Наведите на мысль?!
на широкоформатном экране с разрешением 1920*1080 нормуль меню на сайте, а на маленьком экране с разрешением 1024*768, последние 2 пункта в меню, съезжают по центру вниз.

вопрос: как заставить пропорционально уменьшаться, до нужного размера?

 

[efs]

@media (width: 1024px) {
.style1 {width:100x;}
.style2 {padding-top: 200px;}}

и под нужные разрешения пишешь правила

 

[DzSoft]

@media (width: 1024px) {
.style1 {width:100x;}
.style2 {padding-top: 200px;}}

и под нужные разрешения пишешь правила

Я не разобрался, есть литературка об @media????

 

[efs]

Для просмотра ссылки Войди или Зарегистрируйся

 

[alex500500]

оптимально прописать размеры в процентах % ,
@media (width: 100%) {
.style1 {width:20%;}
.style2 {padding-top: 200%;}} , в данном случае будет работать в не зависимости разрешения монитора .