在 PC 端，视口指的是浏览器的可视区域，其宽度和浏览器窗口的宽度保持一致。在 CSS 标准文档中，视口也被称为初始包含块，它是所有 CSS 百分比宽度推算的根源，给 CSS 布局限制了一个最大宽度。 而移动端则较为复杂，它涉及到三个视口：布局视口（Layout Viewport）、视觉视口 ...

一、px与视口 1.像素：一个像素表示了计算机屏幕所能显示的最小区域，分为css像素（css中使用的一个抽象单位）和物理像素（只与设备的硬件密度有关） 2.视口--理想视口（理想的布局视口、在移动设备中指设备的分辨率===>给定设备物理像素的情况下，最佳的布局视口）1css 像素 ...

一般，自适应移动端加这个语句即可 <meta name="viewport" content="width=device-width">但是，不知道为什么加了这个语句还是没用，查了查可能跟下面这几个元素有关系，所以可以尝试这样子加： <script> var ...

一个网页，在电脑端和pc端，设置同样的像素，为什么显示的大小不同？ 先直接回答一下这个问题，再讲一下相关的概念； 移动端对这个页面进行了缩放，这是浏览器帮我们做的，虽然没有设置 meta 标签，没有设置initial-scale(缩放值） 　　浏览器默认，对于移动 ...

1.viewport viewport在移动页面中是相当重要的概念，引用两篇文章： 一篇真正教会你开发移动端页面的文章(一) 一篇真正教会你开发移动端页面的文章(二) 2.如何根据psd稿件，设计页面 在上面的后一篇文章有详细的说明，主要是设置 viewport 中的缩放比例，以及 HTML ...

当我们对移动端进行页面适配时，我们首先应该了解到meta viewport，media query，以及动态rem。 什么是Viewport? 手机浏览器会把页面放入到一个虚拟的“视口”（viewpoint）中，但viewport又不局限于浏览器可视区域的大小，它可能比浏览器的可视区 ...

<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable ...

移动端开发中，有一些基本概念需要理解清楚，才能更好的组织编程逻辑。在刚接触时，移动端视口的缩放和rem单位的缩放搞混淆了，弄得自己很蒙圈。所以仔细总结下自己的理解。 移动端的适配，我理解为两点： 第一点就是视口的缩放配置，牵扯出视口和像素等概念。目的是为让我们的CSS样式中逻辑像素匹配 ...