浅谈移动端中的视口（viewport）
在 PC 端，视口指的是浏览器的可视区域，其宽度和浏览器窗口的宽度保持一致。在 CSS 标准文档中，视口也被称为初始包含块，它是所有 CSS 百分比宽度推算的根源，给 CSS 布局限制了一个最大宽度。 而移动端则较为复杂，它涉及到三个视口：布局视口（Layout Viewport）、视觉视口 ...
花费 53 ms
物理像素，ppi，逻辑分辨率和物理分辨率
1 明确几个概念： 物理像素：屏幕物理像素 屏幕像素密度ppi：pixels per inch，屏幕上每英寸可以显示的像素点的数量，即屏幕像素密度。顺便一提，ppi就是dpi，只不过有文章里说苹果喜 ...
HTML中meta=“viewport”的介绍
viewport就是浏览器上用来显示网页的那部分区域 layout viewport:整个网页所占据的区域（包括可视也包括不可视的区域） 默认的 visual viewport:网页在浏览器上的可视区域（浏览器中能够看见的区域） ideal viewport:ideal ...
web 移动端项目适配
前置 这篇文章能够帮助你了解 web 移动端适配。如有不足，恳请指点一二！ 单位 分辨率: 单位面积显示像素的数量，和 css 无关 DPI：图像每英寸长度内的像素点数（1 英尺=30 ...
meta标签常用属性
Keywords（关键词） 说明：告诉搜索引擎你网页的关键字（keywords）使用方法：<meta name="keywords" content="标签,属性,seo优化"> ...
深度解析响应式布局
概念 响应式布局，就是响应式设计方案的呈现。具体点就是在不同的设备上，网页能自动识别屏幕宽度、并根据设备的显示面积（一般情况下是指的屏幕宽度，当然，也可以是其他的，可以在下面详细解释）显示出不同的效 ...
浏览器兼容html头部标签主要内容详情
<!DOCTYPE html> <head> <meta http-equiv="X-UA-Compatible" cont ...
知乎问题：为什么很多web项目还是使用 px，而不是 rem？
建议读者不要使用flexible或者其他修改viewport致使viewport width不等于dev ...
HTML页面meta标签内容详解
所有的浏览器都支持meta标签，用于提供页面相关信息，信息都是以名（http-equiv和name标示）/值（content标示）对的形式现实。 属性content，用于定义http-equiv(定 ...
[学习笔记]viewport定义，弹性布局，响应式布局
一，移动端宽度设置viewport视图窗口，<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">，视窗宽度=设备宽度，默认缩放=1，不允许用户缩放。 二，flexbox ...