我们通常在写移动端页面时，往往都会在html页面中加入这样一段话 可能我们只知道这三个字段的含义（视口宽度等于设备宽度，屏幕缩放为1，禁止用户缩放），但是为什么要这么写，其原理又是什么呢？ 我们先看一个简单的demo吧。 该demo展示一个宽度为320px的div ...

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

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

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

移动设备和PC本身有区别： 　　1、屏幕尺寸不同，屏幕大小导致显示的内容页不一样。 　　2、网络速度不同：手机分2G、3G、4G、WIFI等，我们要少用图片，JS、动画等等，用户打不开一样起不了作用。 　　3、使用习惯不同：按钮、链接大小要合适手指的点击。 　　4、技术层面：JS ...

...

有时候会被别人问起pc端和手机端有什么区别。一般来说都会去说，兼容性啊，适配啊，网页布局这方面的事情，但是我觉得这个问题如果想要拿一个满分应该从区别出发，从如何判断收尾。毕竟你只知道区别没有用，他可能更想让你说出来你是怎么判断的。 像是面试的时候如果你自己主动说出来扯 ...

以下都是自己的个人理解，说错了希望大家多交流交流。1，普通pc端开发与移动端开发区别。普通pc端开发，我理解就是你拿电脑打开的网页都算【这相信大部分人都知道】。那么移动端开发工程师，说白了就很好理解了，做手机网页的前端开发工程师。这么一比，是不是感觉其实都差不太多，而且移动端的感觉更简单一点。pc ...