postcss-px-to-viewport 视窗为751 的时候不进行转换
时间: 2024-08-03 20:00:52 浏览: 94
前端开源库-postcss-px-to-viewport
`postcss-px-to-viewport` 是一个PostCSS插件,用于处理响应式设计中的像素到视口单位(如vw、vh)的转换。如果你不想在视窗宽度为751px的时候进行转换,你可以通过配置这个插件来实现。通常,它的配置里有一个 `unitPrecision` 或 `viewportWidth` 属性,可以设置视窗宽度阈值。
例如,在`postcss.config.js` 中,你可以这样设置:
```javascript
module.exports = {
plugins: {
autoprefixer: {},
'postcss-px-to-viewport': {
unitToConvert: 'px',
viewportWidth: 751, // 设置视窗宽度为751px时不转换
unitPrecision: 6, // 可选的精度值
// 其他选项...
},
},
};
```
在这个配置下,当浏览器窗口的宽度小于或等于751px时,不会将`px`单位的数值转换为视口单位。超出这个阈值,则会按照配置进行转换。
阅读全文