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

标记的文章
rwd

13 篇文章
{
,

}
指向文章“魔鬼信天翁”的直接链接
rwd

魔鬼信天翁

Nils Binder 谈论 了一种在两个元素之间进行间距的技术。想象一下大屏幕上的页眉,左上角是徽标,右上角是导航栏。然后是小屏幕,当它们不再……

Avatar of Chris Coyier
Chris Coyier 于 2021 年 2 月 12 日
指向文章“如何在 CSS 中实现 max-font-size?”的直接链接
流体类型 字号 res rwd

如何在 CSS 中实现 max-font-size?

CSS 没有 max-font-size,所以如果我们需要一些类似的功能,就必须想办法。

为什么需要它?因为 font-size 本身可以用动态方式设置。例如,font-size:…

Avatar of Chris Coyier
Chris Coyier 于 2020 年 1 月 29 日
指向文章“一个为桌面和移动设备提供不同 HTML 的 Web 组件”的直接链接
广告 rwd Web 组件

一个为桌面和移动设备提供不同 HTML 的 Web 组件

Christian Schaefer 在 一篇关于处理网络广告的精彩文章中 写道。整篇文章很有趣,首先介绍了广告带来的各种挑战,然后针对每一个挑战提出了现代解决方案。

其中一段代码片段引起了我的注意……

Avatar of Chris Coyier
Chris Coyier 于 2020 年 1 月 15 日
指向文章“这不是关于设备”的直接链接
rwd 手表

这不是关于设备

你是否也有过这种感觉:“Ugh, 又是一个要支持的设备?!” 比如,当你听到手腕设备有浏览器的时候?Ethan 的最新文章就是关于这一点的。

就我个人而言,苹果手表让我感兴趣的不是因为它是一款手表,而是…

…
Avatar of Chris Coyier
Chris Coyier 于 2018 年 12 月 4 日
指向文章“世界范围内的腕表”的直接链接
响应式 rwd 语义

世界范围内的腕表

在过去的几天里,WWDC 发布了许多新闻,Ethan Marcotte 对苹果手表能够查看网页内容 的消息感到兴奋。

他写道

如果让我猜,我想…

…
Avatar of Robin Rendle
Robin Rendle 于 2018 年 6 月 7 日
指向文章“行间”的直接链接
calc rwd

行间

媒体查询非常适合在不同屏幕尺寸下以突变的方式更改值。但是,结合 calc() 和 vw、vh 等视窗单位的功能,我们可以让我们的布局更加流畅。例如…

Avatar of David Bachmann
David Bachmann 于 2017 年 10 月 20 日
指向文章“响应式网站在移动设备上需要如此高吗?”的直接链接
rwd

响应式网站在移动设备上需要如此高吗?

Kevin Vigneault

我不认为页面长度本身存在本质上的问题。不过我注意到,在许多响应式设计中,内容的有意分组在大屏幕上很容易识别,但在内容开始…

…
Avatar of Chris Coyier
Chris Coyier 于 2017 年 2 月 22 日
指向文章“缩放响应式动画”的直接链接
动画 rwd

缩放响应式动画

将我们的网站和应用程序缩放,使其在所有屏幕上看起来都很好,这可能很困难。造成困难的一大原因是,我们试图使特定的组件(尤其是那些必须保持一定……

Avatar of Zach Saucier
Zach Saucier 于 2020 年 2 月 12 日
指向文章“响应式图片断点生成器”的直接链接
响应式图片 rwd

响应式图片断点生成器

我有时会使用响应式图片,但我只是从高分辨率图片中随机缩减几次尺寸,并将其作为 srcset 图片。基本上与我可能犯的 “桌面”、 “平板电脑”、 “手机” 的思维方式相同…

Avatar of Chris Coyier
Chris Coyier 于 2016 年 10 月 6 日
  • 1
  • 2
  • Older

CSS-Tricks 由 DigitalOcean 提供支持。

关注网络开发动态

我们的手工打造的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律声明
  • 获取免费积分!
CSS-Tricks
  • 为我们写作!
  • 与我们合作广告
  • 联系我们
社交
  • RSS 提要
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.