想必近几年前端的数据可视化越来越重要了，很多甲方爸爸都喜欢那种炫酷的大屏幕设计，类似如下这种： 遇到的这样的项目，二话不说，echarts或者antv，再搭配各种mvvm框架（react，vue），找二次封装过的组件，然后开始埋头开始写了，写着写着你会发现，如何适配不同屏幕呢？css媒体查询吧，用v ...
分类：
其他好文 时间：
2020-06-24 12:27:05
阅读次数：
224
前言 手机市场日渐丰富的同时，给我们前端开发人员带来的 “网页内容自适应屏幕尺寸进行显示的问题” 也日渐凸显出来，接下来我们就要细说移动端适配的前世今生及方案。 一、为什么要移动端适配？ 一般情况下设计稿的设计师按照 375 的尺寸设计，然而，在现在移动终端（就是手机）快速更新的时代，每个品牌的手机 ...
分类：
移动开发 时间：
2020-05-05 17:57:50
阅读次数：
79
jQuery网页自适应屏幕图片滚动切换https://www.mk2048.com/demo/demo_target_desc.php?id=0i0bibi1jjQuery自适应，图片切换，图片滚动jQuery用户注册表单验证提交代码https://www.mk2048.com/demo/demo_ ...
分类：
其他好文 时间：
2020-05-01 11:10:41
阅读次数：
54
项目中header用的element的meun菜单，由于项目中header的布局，使用layout布局也没法实现屏幕的宽度变化 菜单的每个题目的间距适当缩小，就想到用监听屏幕宽度来让他们之间的间距大小变化 <el-col :class="screenWidth <= 1350 ? screenWid ...
分类：
其他好文 时间：
2020-04-28 15:28:28
阅读次数：
132
<html> <body> <div class="test"></div> </body> </html> 默认情况下1rem=16px; font-size: 62.5%, 1rem=10px; 以下按照屏幕分辨率设置font-size的百分率， 可以保证div的宽高比在不同分辨率下保持一致， ...
分类：
其他好文 时间：
2020-04-08 09:48:09
阅读次数：
73
下面开始讲述事情经过~~~~ 页面代码是这样的 <template> <page-view :title="title"> <div id="myChart" ref="mapBox" style="width: 100%; height: 500px"></div> </page-view> </ ...
分类：
其他好文 时间：
2020-03-21 18:08:49
阅读次数：
87
1.px，em，rem，rpx px：像素，是相对于显示器屏幕分辨率而言 em：相对于当前对象内文本的字体尺寸。body{font-size:62.5%} rem：相对于HTML根元素。html{font-size:62.5%} rpx：小程序自适应屏幕尺寸。小程序规定屏幕宽度为750rpx。 2. ...
分类：
Web程序 时间：
2020-02-06 23:12:08
阅读次数：
121
使用这个后可以实现屏幕自适应 效果如下 <template> <div style="width:100%;height:20rem" ref="res1"> <!-- <v-chart :options="polar" style="width: 100%;height:100%;" ref="e ...
分类：
其他好文 时间：
2020-02-06 10:34:16
阅读次数：
574
co ntainer：固定960px宽度，（如果又引入了响应式样式，则会适当调整，例如1600*900，它会显示1200px） container-fluid:自适应屏幕宽度，即满屏显示。 row和col可以参考一下：https://blog.csdn.net/yzy85/article/detai ...
分类：
编程语言 时间：
2020-01-29 12:48:36
阅读次数：
93
css中编辑此样式： 1 2 3 4 .bg { background:url(图片地址) no-repeat center; background-size:contain; } 然后在你的div里引用这个样式就行了： 1 <div class="row bg"> 使图片不随滚动条滚动，即固定不动 ...
分类：
其他好文 时间：
2019-12-16 09:32:50
阅读次数：
862
