百度搜索栏输入框上下不居中(环境: Chrome 106.0.5249.103)

2022-10-09 18:54:49 +08:00
 renmu123

今天用百度搜点东西,输入中文字的第一瞬间就有了不和谐感,感觉没有居中。

打开代码看了一眼,上下 padding 是一致的,没有啥问题,再看看页面,确实没有居中。

Chrome 下先输入英文后输入中文,可以很明显看到英文字的位置变动。

盲猜一波原因是 input 的高度太小,然后中文字体的固有高度大于 18px 。

解决方案可以把 input 的 box-sizing 改成 content-box

PS:又去火狐看了一眼是正常的。

如果以上是你们设计师故意的设计,当我白说。

855 次点击
所在节点    全球工单系统
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/885600

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX