Tailwindcss 响应式断点不起作用
Posted
技术标签:
【中文标题】Tailwindcss 响应式断点不起作用【英文标题】：Tailwindcss responsive breakpoints are not working 【发布时间】：2021-02-27 02:14:54 【问题描述】：这是我的代码
<!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>
当我在浏览器上进入开发者模式并更改宽度时，背景颜色根本不会改变。有人可以帮我吗？
【问题讨论】：
【参考方案1】：在头元素中添加<meta name="viewport" content="width=device-width, initial-scale=1">。
【讨论】：
以上是关于Tailwindcss 响应式断点不起作用的主要内容，如果未能解决你的问题，请参考以下文章