移动版上的白色空间

时间:2013-12-24 17:06:13

标签: html css

我有一个问题困扰着我。

http://i40.tinypic.com/69n66t.png 它似乎只保留了所有内容的原始大小,我希望它只是缩小以适应屏幕上的所有内容。

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

有人有什么想法吗?这可能很容易解决。

全宽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;

    }

1 个答案:

答案 0 :(得分:0)

这可能只是您正在使用的彩色服务的问题......

此外,您可能需要考虑使用带有css媒体标记的响应式设计,如下所示:

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

不要被吓倒......网页设计非常棘手,需要做很多事情才能做好。两个月前我就是你。继续努力!希望这有帮助,如果没有,请告诉我!