css - withStyles 中的 min()

标签 css reactjs material-design material-ui

我想在 withStyles 中使用 min()。

我现在这样声明它:

maxWidth: "min(700, 90vw)"

我也试过

maxWidth: "min('700', '90vw')"

这些都不起作用。

有谁知道如何在 react 中使用 material-ui 的这个特性?

谢谢

最佳答案

除非答案here已经过时了,我不相信 CSS 支持 minThis page不表示任何支持它的浏览器。

但是,您可以使用如下媒体查询获得相同的效果:

maxWidth: "90vw",
"@media (min-width: 777px)": {
  maxWidth: 700
}

这是一个演示这个的 CodeSandbox:

Edit p3nmw73jxj

关于css - withStyles 中的 min(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54411873/

相关文章:

javascript - 如何将函数放在 return 之外,然后从 onChange react 中调用它?

material-design - 从 angularjs 初始化 materializecss 下拉菜单时出错

css - Material 设计可扩展文本字段宽度 100%

qt - 在 QML 中动态更改 Material 主题

html - 样式表或基于列表的表单,以便动态设置标签和输入字段宽度

javascript - 显示: none & setAttribute() not working

css - 如何在 Bootstrap 4 中均匀分布 Navbar 元素

javascript - 链接仅适用于桌面设备,不适用于移动设备

css - 覆盖底层 React 组件的类

javascript - 如何重新触发使用 Preventdefault() 取消的 js 事件