Vite项目屏幕适配的两种方案：1、基于px转rem的适配方案。 2、基于scale等比缩放的适配方案。

最近做的一个官网项目，pc端要求适配平板和手机端，项目使用vue+vite搭建。想到一个插件，postcss,本文主要使用这个插件结合媒体查询来达到项目需求。

在此之前为解决适配问题“普遍”会给html根节点设置font-size作为根字体计算单位值，适兼容多端配问题。开发者需要实时换算单位、还需要精确到六七位小数点。这样的解决方案在现在看来似乎不是最简洁高

Vue中pc端与移动端适配解决方案 0. 前言 目前常见屏幕适配方案很多，眼花缭乱，比如：postcss-pxtorem、postcss-px2rem、px2rem-loader、postcss-pl

最近公司又接了个数据可视化大屏的需求，设计稿是标准的 1920 x 1080。 拿到设计稿的那一刻，我的内心是拒绝的... 🤯 大家都知道，做大屏适配最烦的就是还原设计稿坐标。 以前我尝试过各种方案：

在前端开发中，大屏适配一直是个让人头疼的问题。领导总是要求大屏既要不留白，又要不变形，还要没有滚动条。这看似简单的要求，实际却压根不可能。今天，我们就来聊聊大屏适配的四种常见模式，以及如何根据实际需求