问中断点在Foundation 6中不起作用
EN

Stack Overflow用户

提问于 2018-04-08 23:11:00

回答 1查看 188关注 0票数 0

上周我从bootstrap 4切换到了foundation 6。所以这可能是因为我缺乏使用基础的经验。

但是我的断点有一个问题。小的断点永远不会起作用。它总是显示中断点。下面是我的代码示例和我正在制作的宽度为320px的页面的屏幕截图。

Screenshot of issue

<div class="grid-container">
    <section class="section">
    <h1 class="text-center">{{ entry.title }}</h1>
    <p class="text-center">{{ entry.subtext }}</p>

    <div class="grid-x activities">
        {% for activiteit in entry.activiteiten %}
        <div class="small-12 medium-4 cell">
            <div class="activity-card padding-2" style="background-color: {{ activiteit.kleurActiviteit }};">
                <div class="activity-card__image text-center">
                    <div style="background-image: url({{ activiteit.activiteitafbeelding.first().getUrl() }});"></div>
                </div>
                <div class="activity-card__title text-center">
                    <h2>{{ activiteit.title }}</h2>
                </div>
                <div class="activity-card__subtext">
                    <p class="text-center">{{ activiteit.korteTekst }}</p>
                </div>
            </div>
        </div>
        {% endfor %}
    </div>

</section>

css

zurb-foundation

breakpoints

回答 1

Stack Overflow用户

发布于 2018-04-09 14:50:17

我解决了我自己的问题。我不得不在我的html头中设置viewport meta标签。

<head>
   <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/49719344

复制

相似问题

问中断点在Foundation 6中不起作用
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问中断点在Foundation 6中不起作用EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问中断点在Foundation 6中不起作用
EN