前端开发需要知道的 10 个 CSS 技巧
个人觉得 CSS 是每个前端开发人员都必须掌握的基础,以完成相应的交互和终端设备的响应。在项目开发中,有些容易被忽略的小问题带来项目后期的胶水代码。本文总结一些项目开发中CSS的10个小技巧。 1.使用相对单位 通常我们在项目开发中,使用px作为尺寸的单位,而不是使用相对单位,如:rem、em等。在万物互联的时代,最好的方式是相对单位rem、vh、vw等现代 CSS 布局(如 flexbox 和 grid)方式,最大限度的支持各种终端设备。 绝对单位 px :是一个绝对单位,主要是因为它是固定的,不会根据任何其他元素的测量而改变。 相对单位 vw(viewpoint width):相对于视口的宽度 vh(viewpoint height):相对于视口的高度 rem(font size of the root element):相对于根 ( ) 元素 (默认字体大小通常为 16px ) em(font size of the element):相对于父元素 % :相对于父元素 /* 不提倡 */ .wrap { font-size: 14px; margin: 10px; lin...