zdhxiong / mdui

Material Design 3(Material You) UI components using Web Components.

Home Page:https://www.mdui.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

删除html中的font-size

Jesse205 opened this issue · comments

image
image
image

font-size:16px 会影响浏览器的“字体大小”切换功能

规范

MD规范中有这么一个内容:https://m3.material.io/foundations/accessible-design/patterns

UIs should support a minimum text increase of 200%.

所以不应该将html中固定字体大小。

其他问题

Most components behave the same when text is resized:

  • Text and line height scale up proportionally, multiplied by scale value
  • Padding remains constant at 1x the default size
  • Spacing between elements in a component remain constant at 1x the default size

Components that don't include text, like progress indicators, checkboxes, or radio buttons, aren't affected by text resizing.

元素之间的间距应该是一样的,并且不包含文字的组件不应该受影响。在图中可以看到,进度条、图标按钮不符合规范。

另外最小可触摸面积应该保持48dp(安卓)不变,在图中可以看到许多按钮都明显变小了。

还有就是应用栏、侧滑栏高度、宽度与body上填充的padding不匹配。

打扰了,现在好像没有网页支持这个