第一步，先打开网页，鼠标随便移入网页，在网页内部，右击检查，（电脑快捷键F12或者FNF12，根据电脑不同可能快捷键有所变化）。 如上图，选中按钮，会出现如下图的选…

你是否常因为找到视频素材之后却因为分辨率不符合而苦恼？ 是否因为找到一个软件做好视频之后发现有水印？ 别慌，这应该是你找的最后一篇文章了 安利一个网站，绝对好用，点击右边链接直达：调整视频大小 - …

很多人会遇到这样的问题，当你在自己的电脑上精心制作好网页，却发现在别人的不同分辨率的电脑上浏览你的页面时，自己的网页排版乱得一塌糊涂，或者被拉伸，或者被压缩，要不就是不能完整显示在屏幕内。这是为什…

数据可视化大屏 前端屏幕多分辨率适配方案(vue,echarts)写在前面: 第一次写博客, csdn账号注册很久了, 应该是2010年注册的, 当时我还在上高中, 当时还在写易语言的, 有些问题搞不懂的会来csdn看大佬是怎么解决的, 也写了些没什么用的小工具上传到csdn, 当然现在都在用git了. 很…

上周完成一个PC端的项目，对于我这样的小白来说，这个项目里面最大的问题就是，如何做到让HTML页面适应电脑的不同分辨率。 通过师傅的指导和自己查阅资料，最终成功适配不同的分辨率，完成了这个项目。 现在回头再来看这…

1.安装包 npm install postcss-px2rem npm install px2rem-loader2.新建文件夹utils，utils内部新建文件rem.js,具体内容如下 // rem等比适配配置文件 // 基准大小 const baseSize 16// 设置 rem 函数 function setRem() {const scale document.documentElement.…

实现方式： 以ifream要完整展示1920*1080大屏为例： 将ifream本身进行相对于1920*1080的等比例放大，然后再使用transform对ifream进行相对于1920*1080的等比例缩小，然后再将放缩之后的ifream进行平移至页面正中间，实现铺…

1、以1920* 1080的设计稿为例，实现PC端不同分辨率适配 2、安装依赖 npm install --save lib-flexible 或者 yarn add lib-flexible -save npm install px2rem-loader -D 或者 yarn add px2rem-loader npm 安装不上时可以用cnpm 3、在utils文件下新建 …