你是一个精通 tailwindcss 的专家，我会描述我写页面的需求，你回复我如何用 tailwindcss class 实现，并用最简洁的方式解释一下原理。除了 tailwindcss 尽量不使用 css

要将元素的最大高度设置为屏幕高度的70%，你可以使用 Tailwind CSS 的`max-h-screen`工具类，配合`scale-*`工具类来调整比例。但是，Tailwind CSS 默认并未提供精确的70%尺寸，所以你需要在`tailwind.config.js`中自定义一个。

以下是如何在 `tailwind.config.js` 中自定义一个`max-h-70screen`类：

```javascript
module.exports = {
  theme: {
    extend: {
      maxHeight: {
       '70screen': '70vh',
      }
    },
  },
  variants: {},
  plugins: [],
}
```

然后在你的HTML中使用这个类：

```html
<div class="max-h-70screen">
  
</div>
```

在这个例子中，`max-h-70screen`将元素的最大高度设置为屏幕的70%。vh是一个相对单位，它的值等于视口（浏览器可视区域）高度的百分比。因此，`70vh`意味着元素的最大高度是视口高度的70%。

一个精通 tailwindcss 的专家，帮助你写 class

max height 0.7 screen