小编Wha*_*TML的帖子

隐藏仅限移动设备的元素 - 语义UI

我有隐藏移动设备图像的问题.我正在使用语义UI框架.在文档中我发现了一些类:

  1. 仅限移动设备 - 仅显示低于768像素
  2. 仅限平板电脑 - 仅显示768px - 991px之间
  3. 仅限计算机 - 将始终显示992px及以上

例如,我使用"仅限计算机"类来隐藏平板电脑和手机上的图像,但结果让我感到困惑.

<div class="ui grid stackable">
  <div class="row middle aligned">
    <div class="nine wide column">
      <h1 class="ui header blue">Default Header.</h1>
    </div>
    <div class="seven wide computer only column">
      <img class="ui image" src="http://icons.veryicon.com/png/System/iNiZe/niZe%20%20%20IMG.png" alt="" title="">
    </div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/3xkrx/318/

css semantic-ui

11
推荐指数
3
解决办法
2万
查看次数

标签 统计

css ×1

semantic-ui ×1