theme:smartbluehighlight:dark创建项目创建后的项目此处插入一个坑亦可以使用uniappvue-cli创建项目vuecreate-pdcloudio/uni-preset-vuemy-project使用vue3/vite创建项目（如命令行创建失败，请直接访问gitee下载模板）npxdegitdcloudio/uni-preset-vue#vitemy-vue3-project创建后的目录如下（uview框架不支持vue3）运行项目使用yarndev:mp-weixin打开小程序开发工具引入打包后的dist包下weixin包即可在开发工具中使用，打包发布同样Hubil
REMrem是一个相对尺寸，它相对于html根元素来进行计算类推3REM为48px。改变html根元素font-size属性的大小。那么REM值也会随之改变。html{font-size:50px;/*默认16px*/}此时3REM为150px。接下来我们通过一个小案例来演示。f-size使用了textcss类html{font-size:16px;}.text{font-size:1rem;}修改类选择器.text的font-size为2rem后。可以看到f-size随之变大了。让我们在做一次修改，可以看到40*2=80px。html{font-size:40px;}.text{font-s
REMrem是一个相对尺寸，它相对于html根元素来进行计算类推3REM为48px。改变html根元素font-size属性的大小。那么REM值也会随之改变。html{font-size:50px;/*默认16px*/}此时3REM为150px。接下来我们通过一个小案例来演示。f-size使用了textcss类html{font-size:16px;}.text{font-size:1rem;}修改类选择器.text的font-size为2rem后。可以看到f-size随之变大了。让我们在做一次修改，可以看到40*2=80px。html{font-size:40px;}.text{font-s
一、前置知识vw：与视口的宽度有关，1vw就是视口宽度的1%vh：与视口的高度有关，1vh 就是视口高度的1%vmin：与当下视口的宽度和高度的最小值有关，取值为 vw 和 vh 中较小的那个vmax：与当下视口的宽度和高度的最大值有关，取值为 vw 和 vh 中较大的那个vmin可以照顾移动端（手机端）横屏和竖屏的显示效果，保证移动开发中屏幕 旋转 之后的尺寸不变vw横屏：显示效果不好vmin横屏：显示效果好，项目需要横屏的时候，可以采用vmin二、安装依赖yarn add postcss-px-to-viewport -D复制代码二、转换配置根目录下新建postcss.config.js/
一、前置知识vw：与视口的宽度有关，1vw就是视口宽度的1%vh：与视口的高度有关，1vh 就是视口高度的1%vmin：与当下视口的宽度和高度的最小值有关，取值为 vw 和 vh 中较小的那个vmax：与当下视口的宽度和高度的最大值有关，取值为 vw 和 vh 中较大的那个vmin可以照顾移动端（手机端）横屏和竖屏的显示效果，保证移动开发中屏幕 旋转 之后的尺寸不变vw横屏：显示效果不好vmin横屏：显示效果好，项目需要横屏的时候，可以采用vmin二、安装依赖yarn add postcss-px-to-viewport -D复制代码二、转换配置根目录下新建postcss.config.js/
一、前置知识vw：与视口的宽度有关，1vw就是视口宽度的1%vh：与视口的高度有关，1vh 就是视口高度的1%vmin：与当下视口的宽度和高度的最小值有关，取值为 vw 和 vh 中较小的那个vmax：与当下视口的宽度和高度的最大值有关，取值为 vw 和 vh 中较大的那个vmin可以照顾移动端（手机端）横屏和竖屏的显示效果，保证移动开发中屏幕 旋转 之后的尺寸不变vw横屏：显示效果不好vmin横屏：显示效果好，项目需要横屏的时候，可以采用vmin二、安装依赖yarn add postcss-px-to-viewport -D复制代码二、转换配置根目录下新建postcss.config.js/
一、前置知识vw：与视口的宽度有关，1vw就是视口宽度的1%vh：与视口的高度有关，1vh 就是视口高度的1%vmin：与当下视口的宽度和高度的最小值有关，取值为 vw 和 vh 中较小的那个vmax：与当下视口的宽度和高度的最大值有关，取值为 vw 和 vh 中较大的那个vmin可以照顾移动端（手机端）横屏和竖屏的显示效果，保证移动开发中屏幕 旋转 之后的尺寸不变vw横屏：显示效果不好vmin横屏：显示效果好，项目需要横屏的时候，可以采用vmin二、安装依赖yarn add postcss-px-to-viewport -D复制代码二、转换配置根目录下新建postcss.config.js/
