Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 部分网站在手机上看不见_Css_Zurb Foundation_Skrollr - Fatal编程技术网

Css 部分网站在手机上看不见

Css 部分网站在手机上看不见,css,zurb-foundation,skrollr,Css,Zurb Foundation,Skrollr,我正在尝试设计我的网站 它在所有浏览器中都能正常工作,但在我的手机上,我只看到了第一部分 所以我在我的手机上发布了我能看到的部分代码和我看不到的部分代码。 有人知道我为什么看不到第二部分吗? 我使用jQuery、Fund and Skrrr。JS/P> 可见html <div class="row"> <div class="large-12 small-12 medium-12 columns section1" data-0="padding-left: 12%;

我正在尝试设计我的网站

它在所有浏览器中都能正常工作,但在我的手机上,我只看到了第一部分

所以我在我的手机上发布了我能看到的部分代码和我看不到的部分代码。 有人知道我为什么看不到第二部分吗?

我使用jQuery、Fund and Skrrr。JS/P> 可见html

<div class="row">
    <div class="large-12 small-12 medium-12 columns section1" data-0="padding-left: 12%; padding-right: 12%;" data-center="padding-left: 0%; padding-right: 0%;" >

        <h1>Herzlich Willkommen</h1>
        <p>Elegantes Webdesign für Unternehmen.</p>

        <div class="row Collage">
            <div class="large-6 medium-6 small-12 leftCollage columns">
                <div class="whiteFrame"><h3>Webdesign</h3><p>Elegant und beruhigend sollte eine Website sein. Schnell und simpel. <br>Das richtige Maß. </p></div>
            </div>

            <div class="large-6 medium-6 small-12 rightCollage columns">
                <div class="whiteFrame"><h3>Programming</h3><p>Jede Idee braucht eine Umsetzung. Ich mache Sie wahr.<br>Jede Idee. </p></div>
            </div>

        </div>
</div>
<div class="row threeOneDiv" data-0="padding-left: 0%; padding-right: 0%; " data-center="padding-left: 12%; padding-right: 12%;">

    <div class="large-4 medium-12 small-12 columns threeOne"  data-0="padding-top: 300px " data-center="padding-top: 0px">
        <h3>Webdesign</h3>
        <i class="fa fa-desktop fa-2x"></i>
        <p>Konzeption und Umsetzung von Websites für Unternehmen.</p>
    </div>

    <div class="large-4 medium-12 small-12 columns threeOne" data-0="padding-top: 300px" data-center="padding-top: 0px">
        <h3>SEO</h3>
        <i class="fa fa-search fa-2x"></i>
        <p>Planung und Durchführung von SEO-Kampagnen.</p>
    </div>

    <div class="large-4 medium-12 small-12 columns threeOne" data-0="padding-top: 300px" data-center="padding-top: 0px">
        <h3>Programmierung</h3>
        <i class="fa fa-code fa-2x"></i>
        <p>Backend und Schnitstellenentwicklung.</p>
    </div>

</div>
不可见html

<div class="row">
    <div class="large-12 small-12 medium-12 columns section1" data-0="padding-left: 12%; padding-right: 12%;" data-center="padding-left: 0%; padding-right: 0%;" >

        <h1>Herzlich Willkommen</h1>
        <p>Elegantes Webdesign für Unternehmen.</p>

        <div class="row Collage">
            <div class="large-6 medium-6 small-12 leftCollage columns">
                <div class="whiteFrame"><h3>Webdesign</h3><p>Elegant und beruhigend sollte eine Website sein. Schnell und simpel. <br>Das richtige Maß. </p></div>
            </div>

            <div class="large-6 medium-6 small-12 rightCollage columns">
                <div class="whiteFrame"><h3>Programming</h3><p>Jede Idee braucht eine Umsetzung. Ich mache Sie wahr.<br>Jede Idee. </p></div>
            </div>

        </div>
</div>
<div class="row threeOneDiv" data-0="padding-left: 0%; padding-right: 0%; " data-center="padding-left: 12%; padding-right: 12%;">

    <div class="large-4 medium-12 small-12 columns threeOne"  data-0="padding-top: 300px " data-center="padding-top: 0px">
        <h3>Webdesign</h3>
        <i class="fa fa-desktop fa-2x"></i>
        <p>Konzeption und Umsetzung von Websites für Unternehmen.</p>
    </div>

    <div class="large-4 medium-12 small-12 columns threeOne" data-0="padding-top: 300px" data-center="padding-top: 0px">
        <h3>SEO</h3>
        <i class="fa fa-search fa-2x"></i>
        <p>Planung und Durchführung von SEO-Kampagnen.</p>
    </div>

    <div class="large-4 medium-12 small-12 columns threeOne" data-0="padding-top: 300px" data-center="padding-top: 0px">
        <h3>Programmierung</h3>
        <i class="fa fa-code fa-2x"></i>
        <p>Backend und Schnitstellenentwicklung.</p>
    </div>

</div>

所以,如果其他人偶然发现了同样的问题…我知道答案很简单,但我还是会贴出来

添加一个带有类skrollr body的div

像这样:

<div id="skrollr-body">

</div>


就这样。谢谢你们的帮助

用大量代码发布一个大问题是不好的。请提供小提琴或演示与原始问题,以便人们将试图解决。Thanxi尝试了你的两个代码,我能看到它们吗?你能再描述一下吗?当我用手机打开网站时,我只看到了第一部分。这一页的其余部分是空白的。很抱歉发布了这么多。稍后我会提供一把小提琴。顺便说一句,非常感谢您抽出时间帮助我。真的很感激!谢谢你的帮助。我发现了问题。不知怎的,“Skrollr Body”-Div是错的。现在它开始工作了。谢谢你的帮助!