Как правильно отключить адаптивность дизайна сайта?

голоса: 0

Доброго времени суток!

 

Проблема следующая, пытаюсь отключить адаптацию сайта под мобильную версию. закоментил в CCS все со строки 1233 (все что связано с @media). Однако, если захожу с телефона то наблюдаю следующую картину:

1

 

Адрес сайта http://oosi-ra.ucoz.net/
| Автор: | Категория: Дизайн сайта

Ответов: 1

Голоса: +1
 
Лучший ответ

Все правильно. Адаптивные условия вы отключили, но ширина шапки и каркаса и футера и правого контейнера у вас указана в процентах. Проценты позволяют также адаптировать область (блок дизайна) при уменьшении разрешения. Чтобы это проблему решить, вместо процентной ширины задавайте фиксированную в пикселях.  Как пример в стилях в строке 374 у вас есть стили:

.header {
width: 100%; вместо красного пропишите 1200px
min-height: 228px;
margin:0 auto; красное добавить
text-align: center;
background: url('/.s/t/1074/header-red.jpg') no-repeat 50% 0;
-webkit-background-size: 1600px 100%;
-moz-background-size: 1600px 100%;
-o-background-size: 1600px 100%;
background-size: 1600px 100%;
position: relative;
}
далее в стилях ищем:
.content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
width: 100%;
vertical-align: top;
padding-right: 260px;
}
вместо 100% также прописать фиксированную ширину в вашем случае 1000px .
| Автор:
Выбор ответа лучшим | | Автор: Общественное Мнение
...