viewports

视窗单位在移动端上的使用技巧

视窗单位一直都存在争议,部分原因是因为移动端浏览器对如何实现视窗单位有着自己的看法,这样就让本来简单的事情变得更加复杂化。一个典型的示例是:vw的计算是否要包含浏览器的滚动条?那么网站的导航或页面控件呢?这些应该算在计算中吗?还有一些设备本身的物理属性(比如iPhone X的刘海)是不容忽视的。

viewports剖析

在这个迷你系列的文章里,我将解释viewports和多种重要的HTML标签元素的宽度是如何工作的,例如<html>标签。同样也会解释window和screen的宽度问题。第一部分主要关于桌面(pc)浏览器,基本目的在于为移动端(mobile)浏览器上,本话题的讨论创建舞台。绝大多数web开发人员已经对pc的概念有了直观的认识。mobile拥有相同的概念,但是更加复杂。如你所知,一个友好的预热将极大的帮助你理解mobile浏览器。

此像素非彼像素

本文由99根据Patrick H. Lauke的《A pixel is not a pixel is not a pixel》所译,主要介绍了Viewport方面的知识。99根据原文进行翻译,另外添加了许多自己从外面搜集的资料进行分析,从而解决了很多Web前端人员所不知道的——viewport对Web开发者会有什么影响。实属于干货系列,很值得一读。

返回顶部