随笔分类 - 适配
PC端屏幕适配
摘要:本篇说明使用viewport做适配的步骤,rem适配请看vue中实现移动端viewport完美适配vant。 移动端项目主要是根据屏幕大小来动态设置元素的尺寸,需要在项目中安装两个模块:postcss-px-to-viewport。 vant组件官方说明:https://vant-contrib.g
阅读全文
摘要:PC屏幕适配主要使用两个插件: 1、postcss-plugin-px2rem:用于将项目中的px自动转换成ren; 2、lib-flexible:用于针对不同屏幕进行适配; lib-flexble: lib-flexible会自动在html的head中添加一个meta name="viewport
阅读全文
摘要:移动端项目主要是根据屏幕大小来动态设置元素的尺寸,需要在项目中安装两个模块:postcss-pxtorem和amfe-flexible。 vant组件官方说明:https://vant-contrib.gitee.io/vant/#/zh-CN/advanced-usage 模块说明: postcs
阅读全文