vue适应1920 1440
时间: 2023-08-17 11:12:26 浏览: 47
根据引用\[1\]和引用\[2\]的内容,可以通过在不同分辨率下设置html的字体大小来实现页面的自适应。在1366分辨率下,可以设置字体大小为0.6rem,即当前html的字体大小除以20px。而在1440分辨率下,可以设置字体大小为0.7rem,以此类推。通过媒体查询和设置不同分辨率下的字体大小,可以实现页面在不同屏幕尺寸下的适应。
另外,根据引用\[3\]的内容,如果你是在Vue项目中进行开发,可以使用px2rem-loader和lib-flexible来实现px转化为rem。首先安装px2rem-loader和lib-flexible,然后在项目的入口文件main.js中引入lib-flexible。接下来,在webpack配置文件中添加px2rem-loader的配置,设置remUnit为192,即根据视觉稿,1rem等于192px。最后,修改flexible.js文件中的代码,将宽度写活,不再写死为540px,这样就可以实现在不同分辨率下的适应。
#### 引用[.reference_title]
- *1* *2* [vue项目在不同分辨率下页面的适配](https://blog.csdn.net/qq_41973526/article/details/121848542)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [vue-屏幕适配方案](https://blog.csdn.net/m0_58352785/article/details/123096055)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]