html - Tailwind h-screen 在移动设备上无法正常工作

标签 html css tailwind-css

h-screen应该将高度设置为屏幕高度的类在 iOS 上不起作用。有没有办法解决这个问题?

最佳答案

我经常发现使用 .inset-0 在内容之外设置绝对包装器很有用类(class)

<!-- this will use the whole viewport even in mobile -->
<div class="absolute inset-0">
    <div>
      lorem ipsum
    </div>
</div>

关于html - Tailwind h-screen 在移动设备上无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61308575/

相关文章:

html - 在 Gists 未加载时使用图像作为后备

css - 否定 Tailwind css 中的条件

html - 如何使用 Tailwind CSS 在列中自动放置新元素?

html - Tailwindcss 下拉元素飞到屏幕边缘而不是下拉按钮下方

javascript - 在 ASP.NET MVC3 razor 上使用 javascript 变量动态创建 html 操作链接

javascript - Angular-Route 和 ng-view div 隐藏页面

javascript - 单击一个元素突出显示其他元素

html - 粘性标题和表格组合打破了流程

html - 插件让LAVALAMP标签 "a"在后面,我无法点击链接

html - Ipad 未在方向更改时应用 css