跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机播放
搜索

标记的文章
max

7篇文章
{
,

}
直接链接到文章Manuel Matuzovic: max() Trickery
逻辑属性 边距 最大 最大宽度

Manuel Matuzovic: max() Trickery

通过Manuel Matuzović的帖子,该帖子是通过Temani Afif的演示。

.wrapper {
  margin-inline: max(0px, ((100% - 64rem) / 2)); 
}

你会很乐意阅读Manuel对…的细致分析

Avatar of Geoff Graham
Geoff Graham 于 2022年10月18日
直接链接到文章The Raven Technique: One Step Closer to Container Queries
计算 夹紧 容器查询 最大 最小 响应式

The Raven Technique: One Step Closer to Container Queries

第无数次:我们需要CSS中的容器查询!猜猜看,看起来我们正在朝着那个方向前进。

在为网站构建组件时,你并不总是知道如何使用该组件。也许它…

Avatar of Mathias Hülsbusch
Mathias Hülsbusch 于 2020年11月12日
直接链接到文章Using max() for an inner-element max-width
最大

Using max() for an inner-element max-width

我在“内部”问题中详细介绍了所有这些。要点:你想要一个边缘到边缘的容器,但内部的内容要限制宽度。我认为在里面使用嵌套元素绝对没有问题,但它是…

Avatar of Chris Coyier
Chris Coyier 于 2020年9月7日
直接链接到文章Beyond Media Queries: Using Newer HTML & CSS Features for Responsive Designs
夹紧 最大 最小 最小最大 对象适应 图片 srcset

Beyond Media Queries: Using Newer HTML & CSS Features for Responsive Designs

除了使用媒体查询和现代CSS布局(如flexbox和grid)来创建响应式网站之外,我们还可以做一些被忽视的事情来完善响应式网站。在本文中,我们将深入探讨一些工具(围绕…

Avatar of David Atanda
David Atanda 于 2020年9月7日
直接链接到文章Holy Albatross with Widths
flex-grow flex-shrink flexbox 最大

Holy Albatross with Widths

Heydon的Holy Albatross是一种技术,用于使一行元素在特定宽度下断裂成一列元素。一个指定的父级宽度,而不是像媒体查询那样的屏幕宽度。因此,就像一个容器…

Avatar of Chris Coyier
Chris Coyier 于 2020年7月24日
直接链接到文章When Sass and New CSS Features Collide
计算 css变量 自定义属性 过滤器 渐变 最大 最小 Sass

When Sass and New CSS Features Collide

最近,CSS添加了许多很酷的新功能,例如自定义属性和新的函数。虽然这些东西可以使我们的生活更轻松,但它们最终也会以有趣的方式与预处理器(如Sass)交互…

Avatar of Ana Tudor
Ana Tudor 于 2020年6月29日
直接链接到文章min(), max(), and clamp() are CSS magic!
夹紧 流畅的文字 最大 最小

min(), max(), and clamp() are CSS magic!

不错的视频来自Kevin Powell。这里有一些笔记、想法以及我在观看它时学到的东西。当它们刚发布时,我主要痴迷于font-size的使用,但它们只是函数,因此它们可以在任何地方使用…

Avatar of Chris Coyier
Chris Coyier 于 2020年5月11日

CSS-Tricks 由DigitalOcean 提供支持。

及时了解web开发

通过我们精心制作的时事通讯

DigitalOcean
  • 关于DO
  • Cloudways
  • 法律事项
  • 获得免费积分!
CSS-Tricks
  • 为我们写稿!
  • 与我们做广告
  • 联系我们
社交
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.