标签:1.0 缩放 像素 视口 meta viewport 物理
1. 视口:(布局视口(layout viewport),视觉视口(visual viewport),理想视口(ideal viewport))
meta 视口标签 <meta name = "viewport" content = “ width = device-width,user-scalable = no,initial-scale = 1.0,maximum-scale = 1.0,minimum-scale = 1.0”
width:宽度设置的是 viewport 宽度,可以设置 device-width(设备宽度)特殊值
user-scalable:用户是否可以缩放,yes 或者 no(1 或者 0)
initial-scale:初始缩放比,大于 0 的数字
maximum-scale:最大缩放比,大于 0 的数字
minimum-scale:最小缩放比,大于 0 的数字
标准的 viewport 设置
视口宽度和设备保持一致
视口的默认缩放比例1.0
不允许用户自行缩放
最大允许的缩放比例1.0
最小允许的缩放比例1.0
2. 物理像素 & 物理像素比
物理像素点指的是屏幕显示的最小颗粒(也就是我们说的分辨率),是物理真实存在的,这是厂商在出厂时就设置好的,比如苹果6/7/8 是750*1334
开发时的 1px 不一定等于 1个物理像素的
PC端页面,1个px 等于 1个物理像素,但是移动端就不尽相同
一个px的能显示的物理像素点的个数,称为物理像素比或者屏幕像素比
在移动端大多数 1px 开发像素 = 2个物理像素
标签:1.0,缩放,像素,视口,meta,viewport,物理 来源: https://www.cnblogs.com/qtbb/p/11761784.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。