2016-04-06 3 views
0

я сделать мой сайт реагировать с большим количеством экрана, без начальной загрузки только с @media + код CSS3Как удалить ненужное пространство на отзывчивом сайте

Все думает, что правильно и правильно, но в размере телефона, это работа но у меня есть небольшая проблема

у меня есть ненужное пространство Я хочу, чтобы удалить его

Фотографии сайта и проблема:

  • сайт:

http://www.shy22.com/upfilpng/xv854884.png

  • проблема:

http://www.shy22.com/upfilpng/nc854884.png

код CSS:

@media only screen and (max-width : 320px) { 
 

 
.players { 
 
    margin: -89px 0px 0px -21px; 
 
} 
 

 
.logo { 
 
\t margin: -62px 0px 0px 49px; 
 
} 
 

 
.publicity { 
 
\t display: block; 
 
\t width: auto; 
 
\t height: 65px; 
 
\t background: #FFF url("img/pubb1.png") no-repeat scroll center top; 
 
\t margin-top: 320px; 
 
\t } 
 

 
}

+0

Это горизонтальная полоса прокрутки от Mobile Developer Tool от Firefox – dippas

+0

Вам также нужно показать HTML, соответствующие этому коду. Также попробуйте лучше объяснить проблему. Кроме того, попробуйте добавить «border: 1px solid red» к вашим элементам, чтобы лучше понять модель окна. – light

+0

@light Я делаю границу, она берет всю страницу: «(У меня проблема в Игроках, потому что, если я удалю их все, подумайте, придите прямо – sayousaad

ответ

0

Вероятно, есть элемент, который переполнение справа, у вас есть два решения:

  • Осмотрите все элементы и найти то, что переполнение
  • Нанести overflow-x:hidden; в HTML и теги тела
Смежные вопросы