隐藏仅适用于移动设备的元素-语义UI

什么是HTML

我在隐藏移动设备的图像时遇到问题。我正在使用语义UI框架。在文档中,我找到了一些类:

  1. 仅移动设备-仅在768像素以下显示
  2. 仅限平板电脑-仅显示768像素-991像素之间
  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>

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

什么是HTML

另外,我找到了另一种解决方案。可能对某人有用。

我在"mobile hidden"列中添加了要隐藏在移动设备上的类。

<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 column mobile hidden">
    <img class="ui image" src="http://icons.veryicon.com/png/System/iNiZe/niZe%20%20%20IMG.png" alt="" title="">
  </div>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

语义 UI 中的下拉菜单不适用于移动设备

来自分类Dev

语义 UI 转换不适用于 jQuery 数组对象

来自分类Dev

UI元素的语义HTML5

来自分类Dev

renderUI 中闪亮的语义 Ui 元素

来自分类Dev

使ui适用于各种iOS设备

来自分类Dev

仅适用于移动设备的轮播

来自分类Dev

语义UI模式更新设置未在“隐藏”时触发

来自分类Dev

语义UI模式更新设置未在“隐藏”时触发

来自分类Dev

Rails语义UI模式创建额外的Dom元素

来自分类Dev

如何获取语义UI弹出窗口的当前悬停元素

来自分类Dev

语义Ui手风琴获取元素数量

来自分类Dev

如何使用仅适用于移动设备的Bootstrap隐藏部分文本

来自分类Dev

如何使用仅适用于移动设备的Bootstrap隐藏部分文本

来自分类Dev

在侧边栏打开的情况下,从移动设备到平板电脑显示的语义UI转换

来自分类Dev

JQuery UI Slider不适用于“ value:x”,仅适用于“ values:[x]”

来自分类Dev

IDragHandler是否仅适用于画布和UI项目?

来自分类Dev

jQuery ui datepicker setdate仅适用于Google Chrome

来自分类Dev

EventTrigger组件仅适用于UI系统吗?

来自分类Dev

EventTrigger组件仅适用于UI系统吗?

来自分类Dev

IDragHandler是否仅适用于画布和UI项目?

来自分类Dev

Next.js 和语义 UI、Tab 元素、错误:元素类型无效

来自分类Dev

语义UI表单验证-仅当值不为空时才验证某些表单字段

来自分类Dev

当仅使用语义UI中的网格模块时,为什么我的列太宽?

来自分类Dev

跳到下一个元素时,禁用“选择语义UI”下拉选项

来自分类Dev

反应语义ui复选框,如何切换单个元素?

来自分类Dev

语义 UI React Transition Group 动画第一个元素

来自分类Dev

SVG语义缩放不适用于HTML中的SVG

来自分类Dev

SVG语义缩放不适用于HTML中的SVG

来自分类Dev

语义ui如何抵消

Related 相关文章

  1. 1

    语义 UI 中的下拉菜单不适用于移动设备

  2. 2

    语义 UI 转换不适用于 jQuery 数组对象

  3. 3

    UI元素的语义HTML5

  4. 4

    renderUI 中闪亮的语义 Ui 元素

  5. 5

    使ui适用于各种iOS设备

  6. 6

    仅适用于移动设备的轮播

  7. 7

    语义UI模式更新设置未在“隐藏”时触发

  8. 8

    语义UI模式更新设置未在“隐藏”时触发

  9. 9

    Rails语义UI模式创建额外的Dom元素

  10. 10

    如何获取语义UI弹出窗口的当前悬停元素

  11. 11

    语义Ui手风琴获取元素数量

  12. 12

    如何使用仅适用于移动设备的Bootstrap隐藏部分文本

  13. 13

    如何使用仅适用于移动设备的Bootstrap隐藏部分文本

  14. 14

    在侧边栏打开的情况下,从移动设备到平板电脑显示的语义UI转换

  15. 15

    JQuery UI Slider不适用于“ value:x”,仅适用于“ values:[x]”

  16. 16

    IDragHandler是否仅适用于画布和UI项目?

  17. 17

    jQuery ui datepicker setdate仅适用于Google Chrome

  18. 18

    EventTrigger组件仅适用于UI系统吗?

  19. 19

    EventTrigger组件仅适用于UI系统吗?

  20. 20

    IDragHandler是否仅适用于画布和UI项目?

  21. 21

    Next.js 和语义 UI、Tab 元素、错误:元素类型无效

  22. 22

    语义UI表单验证-仅当值不为空时才验证某些表单字段

  23. 23

    当仅使用语义UI中的网格模块时,为什么我的列太宽?

  24. 24

    跳到下一个元素时,禁用“选择语义UI”下拉选项

  25. 25

    反应语义ui复选框,如何切换单个元素?

  26. 26

    语义 UI React Transition Group 动画第一个元素

  27. 27

    SVG语义缩放不适用于HTML中的SVG

  28. 28

    SVG语义缩放不适用于HTML中的SVG

  29. 29

    语义ui如何抵消

热门标签

归档