Question

Здравствуйте. На сайте http://dompersonal.spb.ru  на дизайне 1101 столкнулся с проблемой: при разрешении 1280х800 окна в шапке уменьшаются в ширине, по высоте не меняются, что становится проблемой при входе на сайт с планшета. Как в CSS задать размер шапки так, что бы не происходило её искажение? Спасибо.

Answer 1

Это через @Media запросы в CSS - http://htmlbook.ru/css/media

Comments

Спасибо.
У меня @media-запросы прописаны, но победить искажение не получается. Вот в чём проблема.

@media only screen and (min-width:960px) and (max-width:1200px) {
.wrapper {width:955px;}
.part-l {width:710px;}
.part-r {width:220px;}
#header .part-l {width:50%;}
#header .part-r {width:50%;}
#head-top {font-size:9px;}
#content .calTable td {padding:10px;}
.eMessage img,.eText img {width:200px;}
#bot-w {padding:40px 0;}
.bot-i {width:208px;padding:0 15px;}
.bot-i .promo-w {padding:5px 0 0 10px;}
.bot-i .promo-i {width:93px;height:125px;border-width:3px;}
#catmenu li a {font-size:15px;}
#catmenu li li a {font-size:12px;}
.site-n,.site-n a {font-size:34px;}
.promo-i {width:280px;height:380px;border-width:9px;}
.sidetitle {padding:7px 0;font-size:18px;}
.sidebox li a,.sidebox .catsTable td a {font-size:14px;}
.sidebox .calTable td {font-size:12px;}
.sidebox .calTable td.calMonth,.sidebox .calTable td.calMonth a {height:30px;line-height:30px;}
}