pc端常用电脑屏幕 （(响应式PC端媒体查询)电脑屏幕分辨率尺寸大全） PC端************ 按屏幕宽度大小排序（主流的用橙色标明） 分辨率 比例 | 设备尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） 1280* ...
分类：
其他好文 时间：
2020-06-08 00:46:44
阅读次数：
58
从网上搜了一下，基本上的Map都是通过一些屏幕宽度跟鼠标位置计算出相对位置，然后根据地图的比例算出来的，这样的地图只能靠近屏幕的角落（当然不排除可以把另外一部分减去也可以） 今天我提供一个另外思路的Map，废话少说，直接上的代码 思路为把鼠标位置转为UGUI位置，然后把此位置跟UI地图作比较，然后根 ...
分类：
编程语言 时间：
2020-05-25 12:13:45
阅读次数：
73
版本：vue-cli@3（3一下版本的配置方法是不一样的） 配置下来没有什么坑，完成配置重启服务， 这个时候F12控制台可以看到px已经转换为了rem，然后就可以自己调整样式了。 1.安装 npm install lib-flexible --save npm install px2rem-load ...
分类：
移动开发 时间：
2020-05-24 20:46:27
阅读次数：
609
常见的布局方式 静态布局 常见于PC端，一般采用居中布局，以px作为单位给各元素设定固定的width，最外层div采用min-width限定最小宽度，当浏览器窗口小于min-width时会出现滚动条，移动端需要重新建新的页面。 优点：简单且没有兼容性问题 缺点：无法根据用户屏幕大小做出不同处理，目前 ...
分类：
其他好文 时间：
2020-05-24 16:40:19
阅读次数：
84
前置 希望通过这篇文章帮助你很好的适配移动端项目，如有不足，恳请指点一二！ 单位 分辨率: 单位面积显示像素的数量，和 css 无关 DPI：图像每英寸长度内的像素点数（1 英尺=30.48 厘米） css 的 px: 96 DPI 的单像素的物理大小 物理像素：在由一个数字序列表示的图像中的一个最 ...
分类：
移动开发 时间：
2020-05-24 09:32:57
阅读次数：
102
A. 先看一个函数： /* * 设置根元素字体大小 * @param Number minSW 最小缩放的设备屏幕宽度 * @param Number maxSW 最大缩放的设备屏幕宽度 * @param Number minFS 最小的宽度对应的字体大小 * @param Number maxFS ...
分类：
其他好文 时间：
2020-05-20 23:55:45
阅读次数：
92
rpx是微信小程序新推出的一个单位，按官方的定义，rpx可以根据屏幕宽度进行自适应，在rpx出现之前，web页面的自适应布局已经有了多种解决方案，为什么微信还捣鼓出新的rpx单位？在解释这个单位前，我们先简单了解一下目前的主流的自适应布局解决方案： 响应式（Responsive web design ...
分类：
微信 时间：
2020-05-19 20:29:30
阅读次数：
101
1 System.Windows.Forms.Screen.GetWorkingArea(this); 2 int width = ScreenArea.Width;//屏幕宽度 3 int height = ScreenArea.Height;//屏幕高度 4 this.Location = ne ...
需求描述 想做一个类似京东小程序首页功能列表左右滑动的效果，效果图如下 遇到的问题 1. 如何让scroll-view显示两行 做过小程序开发的都知道，scroll-view要么显示一行，可以左右滚动，如果显示两行的话就会适应屏幕宽度，达不到左右滚动的效果，所以我们需要改变一下我们的数据结构 [{ ...
分类：
微信 时间：
2020-05-18 00:32:44
阅读次数：
176
两个门派 根据屏幕宽度设置 rem 计算方式：rem 根据屏幕宽度计算：屏幕宽度越大，元素的尺寸越大。 可以把网页想象成一张等比缩放的图片，当你屏幕宽度增大，图片被拉宽，同时高度也会等比例增长。以iPhone6为例，假设1rem = 100px， 一个宽度 100px 的 div 在 iPhone6 ...
分类：
其他好文 时间：
2020-05-14 22:40:12
阅读次数：
94
