tailwind-css - Tailwindcss 响应式断点不起作用
问题描述
这是我的代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css">
</head>
<body>
<div class="container bg-green-400 md:bg-blue-400">
<p>Lorem ipsum</p>
</div>
</body>
</html>
当我在浏览器上进入开发人员模式并更改宽度时,背景颜色根本不会改变。有人能帮我吗?
解决方案
<meta name="viewport" content="width=device-width, initial-scale=1">
在头元素内添加。
推荐阅读
- sql - 如何在 MS Access 中将日期转换为具有每周分组的图表的字符串
- tcp - 18.04 只有 160 个 TCP 连接
- sql-server - STRING_AGG 与 CASE WHEN
- javascript - 为什么我的 onload 在 Wordpress 中不起作用?
- makefile - CMake 是否与 local.mk 文件等效?
- c - 如何在 main() 中调用函数之前初始化函数的返回值?
- php - 本地主机没有在 /var/www/html 中显示我的文件
- uuid - 如何在 Ada 中生成唯一的 id?
- javascript - 如何在我的应用程序中使用函数断点?
- node.js - NodeJS:如何(最多)从文件中读取前 N 个字节?