12.5K ·GitHub
这是什么？
lib-flexible（amfe-flexible）是一个早期的移动端网页布局库，它会根据设备屏幕宽度动态设置根元素的字体大小，这样用 rem 设定尺寸的页面元素就能在不同屏幕尺寸之间等比例缩放。
lib-flexible（amfe-flexible）是一个早期的移动端网页布局库，它会根据设备屏幕宽度动态设置根元素的字体大小，这样用 rem 设定尺寸的页面元素就能在不同屏幕尺寸之间等比例缩放。这是框架，还是只是个小工具脚本？它是一个小型 JavaScript 脚本/库，不是框架。它只是在页面加载时设置 HTML 根元素的字体大小；另外还需要一个单独的构建工具（postcss-adaptive）把你 CSS 中的 px 值转换为 rem。
它是一个小型 JavaScript 脚本/库，不是框架。它只是在页面加载时设置 HTML 根元素的字体大小；另外还需要一个单独的构建工具（postcss-adaptive）把你 CSS 中的 px 值转换为 rem。我该怎么把它加到项目里？用 npm 安装它，然后在页面中引入或内联它，确保它在样式表加载之前运行。
用 npm 安装它，然后在页面中引入或内联它，确保它在样式表加载之前运行。在 CSS 里用 rem 还需要额外的构建工具吗？你可以照常在 CSS 中写 px 值，并在构建时使用 postcss-adaptive PostCSS 插件，把它们自动转换为 rem。
你可以照常在 CSS 中写 px 值，并在构建时使用 postcss-adaptive PostCSS 插件，把它们自动转换为 rem。现在做移动端布局还推荐用这个方法吗？不推荐。README 明确说明，由于大多数浏览器现已支持视口单位（vw/vh），该项目应当被弃用，并建议改用基于视口的尺寸方式。
不推荐。README 明确说明，由于大多数浏览器现已支持视口单位（vw/vh），该项目应当被弃用，并建议改用基于视口的尺寸方式。lib-flexible 当初为什么会出现？在 CSS 视口单位（vw/vh）获得可靠的跨浏览器支持之前，开发者需要一种办法，让基于 rem 的布局随设备宽度缩放。于是阿里巴巴的 AMFE 团队开发了这个根字体大小脚本，作为移动端响应式设计的临时方案。
在 CSS 视口单位（vw/vh）获得可靠的跨浏览器支持之前，开发者需要一种办法，让基于 rem 的布局随设备宽度缩放。于是阿里巴巴的 AMFE 团队开发了这个根字体大小脚本，作为移动端响应式设计的临时方案。今天新项目还应该用它吗？不应该。它在自己的 README 中已被明确标注为弃用，推荐改用原生视口单位，所以新项目应使用基于 vw/vh 的 CSS，而不是再引入这个依赖。
不应该。它在自己的 README 中已被明确标注为弃用，推荐改用原生视口单位，所以新项目应使用基于 vw/vh 的 CSS，而不是再引入这个依赖。What are similar projects?fastclick, skrollr, responsive-html-email-template, material, vux, swiper, Respond, tailwindcss
fastclick, skrollr, responsive-html-email-template, material, vux, swiper, Respond, tailwindcssWhich topics is it in?responsive-web-design, postcss, front-end-development, mobile-web, alibaba, responsive, javascript-library, deprecated, css, china, mobile, web-development
responsive-web-design, postcss, front-end-development, mobile-web, alibaba, responsive, javascript-library, deprecated, css, china, mobile, web-development