Question

Прошу момощи, от знающих пользователей.

Нкжно настроить сайт так, что бы он одинаково отображался при любом разрешении экрана.

Подозреваю, что эта разгадка кроется где то в настройках  Media Queries, но меняя любые параметры на сайте уничтожается весь контент.... Помогите, тупик полнейший.

/* ==========================================================================
 Media Queries
 ========================================================================== */

@media screen and (min-width: 1599px) {
 .header {
 -webkit-background-size: 100% 100%;
 -moz-background-size: 100% 100%;
 -o-background-size: 100% 100%;
 background-size: 100% 100%;
 }
}

@media screen and (max-width: 800px) {
 .eTitle,
 .gTableTop {
 font-size: 1.9231em;
 }
 .content .queryField {width: auto !important;}
}

@media screen and (max-width: 600px) {
 .logo-wrap {
 padding-top: 30px;
 }

 .vert-menu .uMenuRoot {
 margin-top: 30px;
 }

 .logo-brk {
 display: none;
 }

 .logo-name,
 .logo-b {
 display: block;
 }

 .logo-name {
 overflow: hidden;
 -ms-text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 text-overflow: ellipsis;
 }

 .uMenuRoot {
 max-width: 550px;
 }
 
 .middle {
 padding: 45px 10px;
 white-space: normal;
 }

 .content {
 padding: 0;
 }

 .sidebox.srch {
 padding-left: 0;
 padding-right: 0;
 }

 .sidebox.srch .sidebox-ttl{
 padding-left: 5px;
 }

 .copy,
 .login-b {
 float: none;
 text-align: center;
 }

 .sidebar .sidebox.srch {
 display: none;
 }

 .content .sidebox.srch {
 display: block;
 padding-left: 10px;
 padding-right: 10px;
 margin-bottom: 1px;
 }

 .sidebar {
 display: block;
 margin: 0;
 width: auto;
 }

 .eTitle, .gTableTop {
 font-size: 2.0769em;
 }

}

@media screen and (max-width: 440px) {
 .header {
 min-height: 100px !important;

 }

 .vert-menu {
 display: none;
 }

Answer 1

Ознакомьтесь с материалом - http://www.ucoz.ru/qa/index.php/11039