应用程序js
function App() {
return (
<div className="sm:text-center">
<h1>
Hello
</h1>
</div>
);
}
export default App;
顺风.js
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [],
presets: [],
darkMode: 'media', // or 'class'
theme: {
screens: {
sm: '640px',
md: '768px',
lg: '1024px',
xl: '1280px',
'2xl': '1536px',
},
我希望文本在默认情况下是左对齐的,在640 px及以上的屏幕上,文本应该居中。但是,文本仍然保持左对齐。我在index.html文件中有html meta标记用于响应。
任何帮助都是感激不尽的!
2条答案
按热度按时间olhwl3o21#
在这种情况下,它只会在640px及以下时激活。加上你的小媒体查询应该在360px左右
liwlm1x92#
问题是因为我把内容数组留空了。我必须配置任何包含tailwind类名的文件的路径。
这有点奇怪,因为其他类名似乎只是不起作用的断点。但这确实解决了问题。