小红花·文摘
  • 首页
  • 广场
  • 排行榜🏆
  • 直播
  • FAQ
Dify.AI
通过Figma变量测试字体大小以实现无障碍设计

文章讨论了如何在设计中有效融入无障碍原则,特别是通过Figma变量测试字体大小。无障碍设计应视为企业核心价值和法律责任,而非附加功能。通过简化工作流程,团队可以在日常工作中自然整合无障碍设计,提升用户体验。设计师需关注文本可读性,确保用户能够轻松调整字体大小以满足不同需求。

通过Figma变量测试字体大小以实现无障碍设计

Articles on Smashing Magazine — For Web Designers And Developers
Articles on Smashing Magazine — For Web Designers And Developers · 2026-03-24T13:00:00Z
04. React Native - 样式

在React Native中,有两种样式书写方式:一种是直接在组件中定义样式,另一种是使用Stylesheet。React Native的样式命名与CSS相似,但采用camel case书写。示例包括使用属性样式创建圆形和通过Stylesheet调整文本字体大小。

04. React Native - 样式

DEV Community
DEV Community · 2025-02-24T09:28:27Z
使用em和rem进行尺寸设置

"em"是相对单位,基于大写字母M的像素大小(默认16px),用于设置字体和边距等。虽然"em"可以实现灵活布局和无障碍访问,但可能导致计算复杂性和累积效应。为避免这些问题,可以使用"rem"单位,它始终相对于根元素的字体大小。

使用em和rem进行尺寸设置

DEV Community
DEV Community · 2025-01-24T18:38:33Z
纵横比 | 字体大小 | 视口宽度

文章描述了一个网页项目的开发过程,使用HTML、CSS和Flexbox。作者分享了样式设置、CSS变量的使用以及元素比例保持的经验,并提供了GitHub和Netlify链接。

纵横比 | 字体大小 | 视口宽度

DEV Community
DEV Community · 2025-01-06T05:43:48Z
响应式排版:让文本适应所有屏幕

响应式排版通过使用相对单位、视口单位和clamp()函数,确保文本在不同设备上的可读性,提升用户体验。合理设置基础字体大小,避免固定像素值,并调整行高和间距,有助于提高可读性。响应式排版在现代网页设计中至关重要。

响应式排版:让文本适应所有屏幕

DEV Community
DEV Community · 2024-11-02T08:14:26Z

在前端开发中,用户调整手机字体大小会影响布局。安卓微信小程序默认不限制字体大小,影响H5页面。解决方案是在安卓中使用WeixinJSBridge设置默认字体大小,并禁止用户调整。在iOS中,通过CSS属性-webkit-text-size-adjust和text-size-adjust设置字体大小为100%,确保一致性。

前端禁用微信浏览器字体调整,用户设置了系统字体大小,导致微信内嵌h5页面字体大小改变

老胡的博客
老胡的博客 · 2024-10-21T02:47:51Z

字体大小:从 4px 到 99.9px

字体大小:从 4px 到 99.9px

程序师
程序师 · 2023-12-15T03:24:08Z
如何更改SSMS中的网格字体大小

网格布局是一种通过行和列来组织数据以展示记录之间关系的方法。在SQL Server Management Studio (SSMS)中,用户可以放大网格结果以提高可见性。要更改查询窗口中的字体大小,用户可以直接在SQL编辑器窗口下设置所需的百分比。要更改网格结果中的字体大小,用户需要转到工具 > 选项 > 环境 > 字体和颜色。dbForge SQL Complete插件通过提供额外的选项来增强SSMS,例如在结果网格底部计算聚合值。用户可以自定义聚合面板的外观并复制值进行进一步计算。网格结果用户友好且可以在SSMS中自定义。dbForge SQL Complete插件提供了额外的功能以提高编码速度并消除错误。

如何更改SSMS中的网格字体大小

Devart Blog
Devart Blog · 2023-11-14T13:52:27Z

使用-webkit-text-size-adjust属性可以控制移动设备上的字体大小,但谷歌新版本不再支持百分比设置,可以使用-webkit-transform:scale(0.8)代替。在body上使用该属性会导致页面缩放失效,且不要将其定义为可继承或全局的。

-webkit-text-size-adjust的用法

Lenix
Lenix · 2023-03-29T02:54:46Z

Excalidraw 是一个非常好用的手绘风格的绘图工具,我给自己部署了一个版本来降低自己写作配图的难度。如果 […]

自定义 Excalidraw 的字体大小

西秦公子
西秦公子 · 2022-03-26T22:00:00Z

这是最近开发闪卡项目遇到的问题。不同卡片虽然宽高一样,但里面的内容即字数有所不同。对于文字数量小的卡片而言,需要字体大小为一个合适的值;而对于文字数量大的卡片则需要将字体调小,在不溢出容器的前提下尽可能大。 模块代码片段:(gist 地址:https://gist.github.com/juzeon/35c47d738e658fe837734d8b42538bf2) 1 2 3 ...

Vue 根据文字数量动态调整字体大小以适合容器

Terrarum::异世界丨居正博客
Terrarum::异世界丨居正博客 · 2022-01-17T04:03:38Z
  • <<
  • <
  • 1 (current)
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
友情链接: MOGE.AI 九胧科技 模力方舟 Gitee AI 菜鸟教程 Remio.AI DeekSeek连连 53AI 神龙海外代理IP IPIPGO全球代理IP 东波哥的博客 匡优考试在线考试系统 开源服务指南 蓝莺IM Solo 独立开发者社区 AI酷站导航 极客Fun 我爱水煮鱼 周报生成器 He3.app 简单简历 白鲸出海 T沙龙 职友集 TechParty 蟒周刊 Best AI Music Generator

小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码