2015-02-22 5 views
0

У меня есть одна проблема с изменением размера div.div ширина не изменяет размер

Я создал этот DEMO. В этой демонстрации вы видите, что есть семь div, и я использую макетную сетку.

Так что, пожалуйста, измените размер страницы, и вы увидите, что есть сдвиговые позиции div. Проблема здесь. Когда я использую этот код CSS и Javascript с моего локального хоста, тогда divs не меняет позицию. Кто-нибудь может сказать мне, что здесь не так? enter image description here enter image description here CSS

.kesif-wrp { 
padding: 53px 0 0; 
width: 100%; 
position: relative; 
} 
.kesif-alani { 
padding: 20px 0 50px; 
margin: 36px auto 0; 
position: relative; 
max-width: 1620px; 
min-width: 960px; 
} 
.kesif-gonderiler { 
color: #444; 
} 
.kesif-gonderi-alani{ 
    width:300px; 
    background-color:#ffffff; 
    border-radius:3px; 
    -webkit-border-radius:3px; 
    -o-border-radius:3px; 
    -moz-border-radius:3px; 
    margin:10px; 
} 
.posts-holder { 
    position:relative; 
margin: 10px auto; 
} 
+0

Возможно ли, что страница DEMO работает так, как ожидаете? мы не можем отлаживать ваш localhost. – Stickers

+0

@sdcr Я загрузил изображение для этого. – innovation

+0

Итак, что вы предлагаете, весь код на вашем локальном хосте такой же, как на DEMO? – Stickers

ответ

0

DEMO

Удалить Это:

min-width: 960px; 

От .kesif-аланы класс

+0

@ imram-bughio спасибо за ваш ответ, но минимальная ширина не проблема. Если вы видите img из моего вопроса, есть два img. Первое изображение - это когда загрузка страницы и второе изображение, если я изменяю ширину браузера. – innovation

+0

Вы проверили мое демо? если вы измените размер макета в нем .. проблема с вашим изображением не произойдет, потому что я удалил min-width 960px. –

+0

Действительно 'min-width: 960px;' не проблема. Я нашел решение сейчас. Большое спасибо. – innovation

0

Вы можете использовать это, чтобы решить, как вы хотите изменить его размер.

@media screen and (max-width: 1000px){ 
    // Use this as you would use a normal css 
    } 
+0

Я все еще стараюсь, но такая же проблема. – innovation

Смежные вопросы