Question

我正在将一个网站放入HTML中，但是我无法获得包含内容的div来填充手机屏幕的全部尺寸。

它上面和下面都有div，它们的设置宽度完全适合屏幕。完全不适合屏幕的div也有一个设定宽度，所以我不确定它为什么不起作用。

添加高度似乎有效，但我需要它不受高度限制（最小高度不起作用）。

以下是我正在处理的内容的链接：http://emzi.dreamhosters.com/AT4U/

任何帮助都将不胜感激。

编辑：对不起，如果我的问题不清楚，我想提供一个我正在处理的内容的URL可以帮助你看到问题。我尝试将代码添加到此帖子，但它似乎没有正确格式化。

编辑：希望这会奏效。这是CSS：

    html, body {
        height: 100%;
        margin: 0;
    }

#main { background-image:url(images/main_bg.png); background-repeat:repeat-y; width: 1000px; margin: 0 auto; }

#inner { width: 960px; margin: 0 auto; }

#header { height: 117px; width: 960px; position: relative; }

#nav { height: 50px; width: 958px; background-color: #626262; padding: 0px 0px 0px 2px; }

#content { padding: 30px 20px 30px 20px; width: 918px; }

#footer { border-top: 1px solid #bcbcbc; height: 90px; line-height: 90px; padding: 0px 32px 0px 32px; font-size: 15px; }

和html：

`

<div id="inner">

    <!-- Header //-->
    <div id="header">


    </div>
    <!-- End Header //-->

    <!-- Nav //-->
    <div id="nav">

    </div>
    <!-- End Nav //-->



    <!-- Content //-->
    <div id="content">        



    </div>        
    <!-- End Content //-->


    <!-- Footer //-->
    <div id="footer">


    </div>        
    <!-- End Footer //-->

</div>

`

主要内部，内部，页眉，页脚和导航div中的所有内容都适合我的移动设备的全屏，内容中的所有内容都不适合，即使它们都有设定的宽度。谢谢:)）

Div中的内容不会在手机上全屏显示

0 个答案: