TailwindCSS -填充和边距在响应断点上不起作用
TailwindCSS -填充和边距在响应断点上不起作用
提问于 2022-07-01 08:34:40
我正在开发一个响应性的设计，在nuxtjs上使用尾风CSS。
这里有人知道为什么py-8要申请两个断点吗？
这就是我编写组件的方式。
<template>
<div class="bg-[#EEEEEE] py-8 lg:py-20">
<p class="text-3xl lg:text-5xl text-center mb-0">Partners</p>
</div>
</template>
<script>
export default {};
</script>
<style>
</style>我在谷歌搜索和堆叠溢出，但问题的答案是旧版本的顺风css使用变体属性在tailwind.config.js。
回答 2
Stack Overflow用户
发布于 2022-07-03 19:06:58
根据裁缝的官方文件。lg的断点是1024px
'lg': '1024px',
// => @media (min-width: 1024px) { ... }代码运行得很好。由于背景接近白色，您无法确定变化。
为了确保它的工作，尝试与黑色背景一次。换到你想要的颜色。
代码
<div class="bg-[#000000] py-8 lg:py-20">
<p class="text-3xl lg:text-5xl text-center mb-0 text-green-500">
Partners
</p>
</div>输出
屏幕大小的
- 减去
lg断点
屏幕大小大于断点的lg
Stack Overflow用户
发布于 2022-09-18 12:50:29
在面对这个问题大约两个月后，我终于发现vuetify和顺风css一起工作存在一些问题，如果您面临相同的问题，并且实际上正在使用vuetify +顺风css，那么可以考虑在顺风类中使用前缀。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72832276
复制
相似问题
使用特权帐户重置AD用户帐户密码
在Meteor帐户中重置密码后禁用登录-密码
用户在更改密码后将被注销。
编辑用户的帐户详细信息
Django:帐户创建后密码重置的无效令牌
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
