lib-flexible 怎么修改配置

lib-flexible是一个用于响应式设计的CSS模块，它主要用于处理页面元素的自适应布局。如果你想要修改lib-flexible的配置，通常需要关注以下几个部分：

1. **设置视口单位**: 它的核心是vw和vh单位，你可以通过`@import`引入并设置初始视口宽度比例。例如，在`src/config.js`文件中，初始化视口的大小：

const flexConfig = {
  viewportWidth: 750, // 可根据自己项目需求调整
  unitPrecision: 6,
  viewportUnit: 'vw',
};

2. **媒体查询**: 如果你想针对不同的屏幕尺寸应用不同的规则，可以在`src/media-query-config.js`中添加或修改media queries。

3. **响应策略**: `flexible-responsive`函数可以根据视口宽度动态调整一些基础样式，如字体大小。你可以根据需求调整这个函数。

4. **定制化`: 如果需要更深入地定制，可以覆盖默认的样式或者自定义新的组件。比如，对某个特定的元素使用`.container { width: flexible !important; }`。

记得每次改动配置后，可能需要重新构建和刷新浏览器才能看到效果。在实际项目中，推荐查阅官方文档或者示例代码来了解具体的配置步骤。