移动Web开发自然要从Viewport说起，那什么是Viewport呢？字面意思是视图窗口，通俗的讲就是指移动设备上能用来显示页面的那部分区域。
对于设备来说，有两个设备像素：物理像素和独立像素。物理像素：是指设备显示屏中使用的最小显示单位，也就是屏幕分辨率独立像素：Web编程种的逻辑像素，也就是CSS像素。
PPI（pixels per inch）用来表示设备每英寸所拥有的物理像素数目。这个数值越高，我们看到的屏幕越清晰。
DPR（Device Pixel Ratio）是指物理像素和CSS像素的比例。在javascript中，可以通过window的devicePixelRatio 属性来获取当前设备的DPR，如下：
<script>
var dpr=window.devicePixelRatio
</script>
《指尖上行——移动前端开发进阶之路》学习笔记 第一章：介绍移动端页面的布局方式和技巧、页面调试方法，以及常见的移动...
Viewport 移动Web开发自然要从Viewport说起，那什么是Viewport呢？字面意思是视图窗口，通俗...
《指尖上行——移动前端开发进阶之路》学习笔记 第四章：整理监控移动页面的办法及我们总结的数据参考，让开发人员可以通...
《指尖上行——移动前端开发进阶之路》学习笔记 第三章：介绍页面性能的优化原理，如如何进行资源优化、加载优化及脚本优...
用来记录前辈们的技术文档和心得 移动端浅谈前端移动端页面开发（布局篇）一步一步构建手机WebApp开发移动端重构系...
说起前端开发，首先会想到页面布局，作为资深前端来说，用页面布局来谈前端可能会认为太浅显，但作为前端开发中最基础的技...
前言 2017-百度前端技术学院编码任务：移动Web页面布局实践 任务目的 进行移动开发时的HTML及CSS实践 ...
《指尖上行——移动前端开发进阶之路》学习笔记 第二章：讲解一些常用的动画技术形式、移动端设备API、最近非常热门的...
前端页面布局前端页面布局——三栏布局 - magi的博客 - CSDN博客 页面高度，位置简述前端页面内的高度、位...
01 移动页面开发 1.1页面布局 1.1.1 viewport viewport，视图窗口，指移动设备上能用来显...
本文标题：移动前端开发进阶之路—页面布局
本文链接：https://www.haomeiwen.com/subject/amqlgxtx.html
网友评论