px pd pid 等移动端知识 发表于 2017-08-18 | 分类于 移动端 字数统计: 704 字 | 阅读时长 ≈ 2 分钟 1.PX(css pixels)——虚拟像素px是一个相对单位,相对的是设备像素 显示器上的物理像素等于显示器的点距,而打印机的物理像素等于打印机的墨点。而衡量点距大小和打印机墨点大小的单位分别称为ppi和dpi: ppi:每英寸多少像素数,放到显示器上说的是每英寸多少物理像素及显示器设备的点距。 ... 阅读全文 »
两个viewport的故事(二) 发表于 2017-08-18 | 分类于 移动端 字数统计: 433 字 | 阅读时长 ≈ 1 分钟 1.两个viewport(1).visual viewportvisual viewport是页面当前显示在屏幕上的部分。用户可以通过滚动来改变他所看到的页面的部分,或者通过缩放来改变visual viewport的大小。 (2).layout viewport(3).度量visual viewpo ... 阅读全文 »
两个viewport的故事(一) 发表于 2017-08-18 | 分类于 移动端 字数统计: 918 字 | 阅读时长 ≈ 3 分钟 一、设备像素和css像素(1).设备像素dp(device pixels)设备像素又称物理像素(physical pixel),设备能控制显示的最小单位,我们可以把这些像素看作成显示器上一个个的点。 (2).CSS像素CSS像素是Web编程的概念,独立于设备的用于逻辑上衡量像素的单位,也就是说我们在 ... 阅读全文 »
三种居中 发表于 2017-08-18 | 分类于 CSS3 字数统计: 286 字 | 阅读时长 ≈ 1 分钟 水平居中方式行内元素:text-align:center 块级元素 定宽:margin:0 auto; 不定宽: 阅读全文 »
dom事件探秘 发表于 2017-08-18 | 分类于 JavaScript 字数统计: 974 字 | 阅读时长 ≈ 3 分钟 一、事件流描述的是从页面中接受事件的顺序 1.事件冒泡事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档)。 2.事件捕获不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件 二、使用事件处理程序1.HTML事件处理程序缺点: js和h ... 阅读全文 »