White Space на мобильной версии

Question

У меня есть проблема, которая меня прослушивает.

http://i40.tinypic.com/69n66t.png Кажется, что он просто сохранил первоначальный размер всего, я хочу, чтобы он просто уменьшал масштаб, чтобы все было на экране автоматически.

Я учусь попробовать стать веб-разработчиком/desiginer. Раньше у меня не было этой проблемы на моем мобильном телефоне. Я могу уменьшить масштаб, но затем полную ширину DIV с ползунком в центре. Все отрезается вправо, как 100px белого пространства, и все, что я выровнял к середине, все направо.

У кого-нибудь есть идеи? это очень сложно.

CSS для полной ширины DIV

#slider { 
    margin:0px auto 20px auto; 
    height:350px; 
    width:100%; 
    overflow: visible; 
    float:left; 
    background-image:url(images/content.png); 
    background-repeat:repeat-x; 

    } 

Answer 1

Это может быть просто проблемой с TinyPic службы вы используете ...

Кроме того, вы можете рассмотреть возможность использования адаптивного дизайна с CSS медиа тег, как это:

@media screen and (max-width: 720px) { 
    #slider{ 
     /* Any changes you want to happen here */ 
    } 
} 

не пугайтесь либо ... веб-дизайн очень сложно, и занимает много, чтобы получить право. Я был вам примерно два месяца назад. Просто продолжайте пытаться! Надеюсь, это поможет, если нет, дайте мне знать!