固定位置的导航栏缩小
固定位置的导航栏缩小
提问于 2021-06-08 22:37:32
我在我的svelte应用程序中使用了tailwind-css。当我将位置设置为固定时，为什么下面的导航栏会缩小？
<nav class="container left-0 top-0 w-full bg-white">
<div class="flex">
<!-- navbar elements -->
</div>
</nav>
使用
<nav class="container fixed left-0 top-0 w-full bg-white">
回答 2
Stack Overflow用户
回答已采纳
发布于 2021-06-10 03:10:37
这个问题可能是因为使用了container类，而不是fixed类。
在TailwindCSS中，container用于将元素的宽度限制为当前断点的宽度。
https://tailwindcss.com/docs/container
假设你的屏幕目前是1200px宽。容器将始终是1024px宽-即使您设置为w-full。因为大断点的最大宽度是1024px。
当您将大小更新为max-w-full时，您实际上就消除了对大小的限制，让nav跨越整个屏幕的宽度。添加max-w-full类将取消container类。因此，如果同时删除container和max-w-full类，实际上可以得到相同的结果。
Stack Overflow用户
发布于 2021-06-08 23:12:31
我设法通过将类w-full修改为max-w-full来解决这个问题，尽管我不确定为什么会有这么大的不同
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67889225
复制相关文章
相似问题
腾讯云开发者
