后端开发人员在这里学习前台.我试图在中小屏幕上隐藏一个元素，并在其他屏幕上可见.
但问题是，当我设置为sm:hidden时，它会隐藏小屏幕及以上屏幕的元素.当我try 做sm:hidden md:visible的时候，这个元素在中等以上的屏幕上是看不到的.我该怎么做呢？
推荐答案
正如我们可以在官方docs中读到的:
默认情况下，TailWind使用移动优先断点系统
然后在您的 case 中，在Large个lg断点上的小断点hidden和visible上:
<div class="hidden lg:block">
<!-- ... -->
</div>
示例:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<div class="hidden lg:block">
<h1 class="text-3xl font-bold underline">
Hello world!
</h1>
</div>
</body>
</html>
Css相关问答推荐
如何提高数学输出的质量？
如何使用在另一个层定义块中定义的sass层作用域变量
如果`line-Height：1`，则垂直字母所占的高度
为什么在RadixUi上应用Tailwincss和自定义css类不起作用？
尽管 URL 路径正确，但背景图像未显示
如何使用 Cypress 从 React 下拉列表中进行 Select
Mat table - 保留第一列和复选框
如何在 konvajs 中居中放置项目？
使用 ：checked 显示隐藏的侧面板
在不使用 position： fixed 的情况下从 CSS 网格中的自动布局中免除子元素？
不同的背景 colored颜色 取决于 URL
在 CSS 中如何使用 100% 和最大内容之间的最大值
删除 IE10 Select 元素箭头
如何通过单击 激活 HTML 链接？
边界半径不起作用
在表格中使用自动换行：断词
如何在没有填充区域的情况下背景化 div
如何计算所需的色调旋转以生成特定 colored颜色 ？
bootstrap.css 和 bootstrap-theme.css 有什么区别？
background-position-x (background-position-y) 是标准的 W3C CSS 属性吗？
实用课程推荐