![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
svg
纯爱枫若情
前端数据可视化工程师
展开
-
用 svg 辅助页面文字自适应
前言我们知道,在前端开发的过程中,最让人脑壳疼的就是页面的适配了。之所以说让人脑壳痛,倒不是说页面适配多么的困难。他不困难,就是做起来很很繁琐,特别是对于要移动端和 pc 端均要适配的页面,那处理起来就让人更头疼了。最近在做页面适配的时候,发现对于全设备(包括移动端和 pc 端)适配的时候,vw 和 vh 布局是一个很不错的方式(后面我们统一称呼维 vw 布局)。虽然不能保证在所有的屏幕尺寸...原创 2019-08-07 13:42:10 · 1860 阅读 · 0 评论 -
构建突破 Chrome 12px 字体限制的 input 输入框
前言chrome 浏览器有 12 px 的字体的限制,因此对于 vw 自适应布局,非常的不友好。我之前曾经写过一篇文章,用 svg 辅助页面文字自适应,它可以解决常见的 html 元素里面的文字不能小于 12 px 的问题。很不幸的是,最近我们的项目中加了 input 标签,于是采用之前的方案的问题就浮出水面了——它无法让 input 标签里面的字体在 chrome 中突破 12 px。但...原创 2019-08-29 01:16:44 · 549 阅读 · 0 评论