【问题标题】:Semantic - CSS not working on mobile view语义 - CSS 不适用于移动视图
【发布时间】:2016-08-02 10:59:05
【问题描述】:

我正在使用语义 UI CSS 制作来进行响应,但它不适用于移动视图,这是我的课程。

<div class="computer only twelve wide column mobile only UI container tablet only ui container"></div>

所以有什么问题吗?

【问题讨论】:

  • 我很确定 class 属性内的文本应该放在
    标记内。 O.o
  • 或者它实际上用于设置样式但缺少连字符,例如:computer-only twelve-wide-column mobile-only tablet-only ui-container
  • 也许你们应该在发表评论之前先看看图书馆 (semantic-ui.com)。

标签: css semantics


【解决方案1】:

UImobile only 之后大写。类名区分大小写。

除此之外,我认为您想使用这样的标记:

<div class="computer only twelve wide column">
    <!-- computer only stuff -->
</div>
<div class="mobile only ui container">
    <!-- mobile only stuff here -->
</div>
<div class="tablet only ui container">
    <!-- tablet only stuff here -->
</div>

【讨论】:

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签