html - 移动版空白

Question

我有个问题困扰着我。

http://i40.tinypic.com/69n66t.png它似乎只是保持所有内容的原始大小，我希望它能够自动缩小以适合屏幕上的所有内容。

我正在学习尝试成为一名网络开发人员/设计师。我以前在自己的手机上没有遇到过这个问题。我可以缩小，然后是全宽 DIV，中间有一个 slider 。所有东西都向右切断，那里有 100 像素的空白，我对齐到中间的所有东西都在右边。

有人有什么想法吗？这可能是一个简单的修复。

全宽 DIV 的 CSS

#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 */
    }
}

也不要被吓倒......网页设计非常棘手，需要很多时间才能做好。大约两个月前我还是你。继续努力吧!希望这对您有所帮助，如果没有，请告诉我!