腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

终身学习者

专栏作者

733

文章

1194389

阅读量

32

订阅数

不要在按钮、链接或任何其他文本容器上使用固定的 CSS 高度或宽度

css 容器代理工具浏览器

尽管一些网页设计工具为按钮等元素指定了 CSS 高度值，但设置高度或最大高度实际上可能会违反 WCAG 2.2 Success Criterion 1.4.4 Resize Text.

前端小智@大迁世界

2024-02-12

840

让图片完美适应：掌握 CSS 的object-fit与object-position

position 工作 css 容器 object

在CSS中，我们可以使用 background-size 和background-position属性为背景图像设置大小和位置。而 object-fit 和 object-position 属性则允许我们对嵌入的图像（以及其他替代元素，如视频）做类似的操作。在本文中，我们将深入探讨如何使用 object-fit 将图像适应到特定的空间中，以及如何使用 object-position 在该空间中进行精确定位。

前端小智@大迁世界

2024-02-12

1190

为什么我们不擅长 CSS

工具类设计 css 容器布局

快来免费体验ChatGpt plus版本的，我们出的钱体验地址: https://chat.waixingyun.cn 可以加入网站底部技术群，一起找bug，另外新版作图神器已上线 https://cube.waixingyun.cn/home

前端小智@大迁世界

2024-02-12

1430

超级实用！，掌握这9个鲜为人知的CSS属性

css 容器布局浏览器语法

虽然许多开发人员熟悉常用的CSS属性，但也有一些较为陌生的属性可能被忽视了。在本文中，我们将探讨10个你可能没有使用过的CSS属性。

前端小智@大迁世界

2023-08-16

2790

提升CSS技能：深入理解 : 和 ::，让你的选择器更强大

css 容器布局浏览器字符串

CSS，即层叠样式表，是一种用于样式和格式化网页的强大语言。当你深入研究CSS时，你可能会遇到在CSS选择器中使用冒号（ : ）和双冒号（ :: ）的情况。这些符号具有特定的含义，并用于定位HTML文档中的不同元素或状态。

前端小智@大迁世界

2023-08-16

2100

CSS粘性定位 - 它的真正工作原理！

css 容器工作浏览器原理

CSS中的sticky定位有很好的浏览器支持，但许多开发者并没有使用它。原因有两方面：一是等待浏览器支持的时间太长，导致这个特性被遗忘；二是大部分开发者并不完全理解它的工作原理。

前端小智@大迁世界

2023-07-09

2140

16个小的UI设计规则却能产生巨大的影响

容器 ui 测试工作设计

快来免费体验ChatGpt plus版本的，我们出的钱体验地址:https://chat.waixingyun.cn 可以加入网站底部技术群，一起找bug，另外新版作图神器已上线 https://cube.waixingyun.cn/home

前端小智@大迁世界

2023-07-09

2720

优秀组件设计的关键：自私原则"

容器产品设计重构组件设计

在开发新功能时，是什么决定了现有组件是否可行？当一个组件不能使用时，这究竟意味着什么？

前端小智@大迁世界

2023-03-24

1.8K0

CSS新规范：样式查询

css 容器编程算法 https 网络安全

最近，Chrome团队发布了对一个新的CSS规范的实验性支持，即样式查询。简而言之，它让我们查询容器的样式，而不是只查询尺寸。在查询容器尺寸不够的情况下，这可能很有帮助。

前端小智@大迁世界

2023-01-06

8700

CSS容器查询终于来了

github 容器 bug container safari

CSS容器查询终于来了! 它们目前在谷歌浏览器（105）中得到了支持，很快就会在Safari 16中得到支持。这对前端来说容器查询与媒体查询一样重要。

前端小智@大迁世界

2022-10-27

3970

使用 CSS Scroll Snap 优化滚动，提升用户体验！

容器 css javascript https 网络安全

作者：Ahmad 译者：前端小智来源：ishadee 本文 GitHub https://github.com/qq449245884/xiaozhi 已收录，有一线大厂面试完整考点、资料以及我的

前端小智@大迁世界

2022-06-15

2.7K0

学姐叫我看 CSS 新出的容器查询，然后把公共组件重构成响应式的！

css 容器 https 网络安全 uml

在前端开发中经常需要按不同屏幕尺寸来进设计达到PC和移动端响应式。我们一般使用CSS媒体查询来检测视口宽度或高度，然后根据该模式改变设计。这就是在过去10年中设计Web布局的方式。

前端小智@大迁世界

2022-06-15

2.1K0

【干货】使用 CSS Scroll Snap 优化滚动，提升用户体验！

容器 css javascript https 网络安全

最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。

前端小智@大迁世界

2021-01-14

2K0

一次解决你的图像尺寸和定位问题。

css 容器网站

假如有一天，你老板给你一些帅气照片，他希望发布在公司自己网站上面，且希望能兼容其它端。但2个月后，他在手机上打开网站，看到他的帅气图像被压成一个小盒子，或者图像被不成比例地压扁，他略微生气跟你(前端)说，给你半天的时间，立马解决。如果解决不了，那在给你半天的时间。

前端小智@大迁世界

2020-09-18

9310

CSS Grid 布局不好理解？可借助 CSS Grid Generator 快速上手并掌握 Grid 布局！

css javascript 编程算法容器

CSS Grid Generator是一个由Sarah Drasner创建的免费工具。它是一个可视化设计工具，允许咱们创建一个基本的 grid 布局，然后就可以使用生成对应的代码，帮助咱们快速布局。

前端小智@大迁世界

2020-05-12

2.5K0

使用 CSS Grid Generator来快速使用及学习 Grid 布局

css javascript 编程算法容器

CSS Grid Generator是一个由Sarah Drasner创建的免费工具。它是一个可视化设计工具，允许咱们创建一个基本的 grid 布局，然后就可以使用生成对应的代码，帮助咱们快速布局。

前端小智@大迁世界

2019-08-21

1K0

React 项目结构和组件命名规范

javascript 容器 react

React 作为一个库，它没有规定项目的整体结构。这很好，因为它给了我们自由去尝试不同的方法，并适应更适合我们的方式。另一方面，这可能会给React领域的开发人员带来一些困惑。

前端小智@大迁世界

2019-06-15

6.5K0

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态