![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web移动端笔记
weixin_45504050
这个作者很懒,什么都没留下…
展开
-
移动web的基本概念-设备,物理像素,CSS像素
一、屏幕 移动设备与PC设备最大的差异在于屏幕,这主要体现在屏幕尺寸和屏幕分辨率两个方面。 通常我们所指的屏幕尺寸实际上是指的屏幕的对角线长度,一般使用英寸来度量,如下图: 而分辨率一般用 像素来度量px, 表示水平与垂直方向的像素数,例如19201080指的是屏幕垂直方向和水平方向分别有19201080个像素点而构成(常规下手机和PC的垂直水平像素是相反的) 如下图所示: 二、长度单位: ...原创 2019-08-08 11:03:15 · 211 阅读 · 0 评论 -
web移动开发之视口viewport
视口 viewport 视口(viewport)是用来约束网站中最顶级块元素的,即它决定了的大小。 PC设备 在PC设备上viewport的大小取决于浏览器窗口的大小,以CSS像素做为度量单位。 我们都能理解的大小是会影响到网页布局的,而viewport又决定了的大小,所以viewport间接的决定并影响了网页的布局。 // 获取viewport的大小 document.documentEleme...原创 2019-08-08 12:37:34 · 1200 阅读 · 0 评论