移动端部分（持续更新中）

1.dpr 移动端设备像素比

设备像素比DPR(devicePixelRatio)是默认缩放为100%的情况下，设备像素和CSS像素的比值

DPR = 设备像素 / CSS像素(某一方向上)

实际上，CSS对应的js属性是screen.width/height，DPR对应的是window.devicePixelRatio.
以iphone5为例，iphone5的CSS像素为320px*568px，DPR是2，所以其设备像素为640px*1136px.

2.meta标签的viewport属性

https://segmentfault.com/a/1190000009448193
多数移动应用将viewport设置为不可缩放来保证页面的显示

3.移动页面配适

大漠大大的博客：
https://www.w3cplus.com/css/vw-for-layout.html
这张图太棒了吧...

各种页面高度

vw是基于viewport视窗的长度，这里的视窗（Viewport）指的就是浏览器可视化的区域，而这个可视区域是window.innerWidth/window.innerHeight
的大小

推荐阅读更多精彩内容

• 移动端H5页面适配问题研究

  刚开始做移动端web开发的同学应该都碰到过页面适配问题，为什么我在开发手机上调试好的页面在其他手机会有这样或那样的...

  留七七阅读 19,473评论 5赞 80
• 移动端布局适配

  一、meta标签的效果 移动端页面一般会在head头部添加如下meta标签。 该meta标签是否添加对页面渲染的影...

  nimw阅读 3,618评论 0赞 5
• 日记

  我必须写些什么来整理一下我纷乱的情绪了。今天可真是说不清糟糕还是 一天。 早上五点半起床，匆忙赶往教室去进行投票选...

  逸黎阅读 381评论 0赞 0
• 13.5-全栈Java笔记:打飞机游戏实战项目|KeyEvent|Plane|live

  飞机类设计 飞机是我们游戏中的主物体，需要由玩家直接控制，手段有：键盘、鼠标、触摸屏等等。无论是什么硬件，本质上都...

  全栈JAVA笔记阅读 442评论 0赞 1
• 基数排序的代码

  接上一篇文章，还是那个题目，用基数排序来实现。不足之处希望各位前辈指正 题目：给定一个int数组A及数组的大小n，...

  BrianAguilar阅读 478评论 1赞 1