我一直在做一个侧边项目来学习Tailwind CSS,但我在我的弹性盒方向的响应性方面遇到了问题。
根据我所读到的文章,你可以通过添加sm: md: lg:
来使html标签具有响应性,这样它将根据屏幕分辨率使用相应的类。但是当我尝试在弹性盒方向上这样做时,它不起作用。
这是我的代码片段:<div class="flex-col md:flex-row h-screen w-screen m-3">
。
正如您所看到的,我希望在屏幕大于md:
时使用flex-row
。但即使我超过768px的md:
分辨率,它仍然使用flex-col
。
完整代码:https://codesandbox.io/s/pedantic-hoover-lr93g?file=/index.html
这是当我删除flex-col
并仅使用flex
时的样子: