Skip to content

配置了这个插件,出现iphone15白边问题和定位不了的问题 #42

@Alan-Xia

Description

@Alan-Xia

module.exports = () => {
return {
plugins: {
'postcss-mobile-forever': {
// 应用基于该宽度进行开发,转换后的伸缩视图将会以该宽度的视图作为标准进行比例伸缩
viewportWidth: 750,
// 页面最外层选择器,例如“#app”,用于设置在桌面端和移动端横屏时的居中样式
appSelector: '#app',
// 限制视口单位的最大宽度
maxDisplayWidth: 750,
// 打开媒体查询模式,打开后将自动关闭 maxDisplayWidth
enableMediaQuery: true,
// 适配到桌面端时,展示的视图宽度
desktopWidth: 430,
// 适配到移动端横屏时,展示的视图宽度
landscapeWidth: 425,
// 高度断点,视图小于这个高度,并满足一定条件,则页面使用移动端横屏宽度,“原理和输入输出范例”一节具体介绍了该值的触发情况
// maxLandscapeDisplayHeight: 640,
// 移动端竖屏视口视图,转换成什么视口单位
// 原来的配置
viewportUnit: 'vw',
fontViewportUnit: 'vw',
// 现在的配置
// mobileUnit: 'vw',
// 单位精确到小数点后几位
unitPrecision: 3,
// 选择器黑名单,名单上的不转换
selectorBlackList: ['md-'],
// 排除文件或文件夹
exclude: [/node_modules/]
}
}
}
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions