[CSS 3] min(), max()

.card {
    width: min(700px, 90%, 70vw); // take the one currently is the min
    height: max(300px, 90%, 40vh); // take the one currently is the max
    font-size: min(max(16px, 3vh), 20px);
}

 

posted @   Zhentiw  阅读(12)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
历史上的今天:
2022-03-30 [Typescript] Dealing with union types
2022-03-30 [RxJS] Simplified retryWhen and repeatWhen
2022-03-30 [Javascript] Using Map to set dynamic key and value
2022-03-30 [AWS SAP] Architecture Patterns – Compute
2020-03-30 [Javascript] Finding Sibling Elements
2020-03-30 [Javascript] Finding Parent Elements
2019-03-30 [PureScript] Basic Data Constructors in PureScript
点击右上角即可分享
微信分享提示