今天用百度搜点东西,输入中文字的第一瞬间就有了不和谐感,感觉没有居中。
打开代码看了一眼,上下 padding 是一致的,没有啥问题,再看看页面,确实没有居中。
Chrome 下先输入英文后输入中文,可以很明显看到英文字的位置变动。
盲猜一波原因是 input 的高度太小,然后中文字体的固有高度大于 18px 。
解决方案可以把 input 的 box-sizing
改成 content-box
PS:又去火狐看了一眼是正常的。
如果以上是你们设计师故意的设计,当我白说。
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.