移动端学习笔记(viewport)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端学习笔记(viewport)相关的知识,希望对你有一定的参考价值。

1.理解viewport

  移动端浏览器在一个通常比屏幕更宽的    虚拟”窗口“(视口)    中渲染页面,从而无需将所有页面都压缩进小屏幕里(那样会把很多没有针对移动端进行优化的站点打乱)。用户可以通过平移和缩放来浏览页面的不同区域。

  css中的1px并不是代表屏幕上的1px,你分辨率越大,css中1px代表的物理像素就会越多,devicePixelRatio的值也越大

以上是关于移动端学习笔记(viewport)的主要内容,如果未能解决你的问题,请参考以下文章

[学习笔记]viewport定义,弹性布局,响应式布局

移动web学习笔记

移动开发学习笔记 移动开发的注意事项

HTML5与移动端web学习笔记

开发移动端web的一些知识

学习笔记TF066:TensorFlow移动端应用,iOSAndroid系统实践