font-size的大小，在rem适配方案中，我们以rem作为基值来设定元素的大小。1rem单位越大，元素的大小也 ...

本文原链接：http://caibaojian.com/mobile-responsive-example.html https://blog.csdn.net/chenjuan1993/a ...

还原设计稿，也就是如何适配移动端繁杂的屏幕大小。 通常而言，设计师只会给出单一分辨率下的设计稿，而我们要做的，就是以这个设计稿为基准，去适配所有不同大小的移动端设备。 在此之前，有一些基础概念需要理解。 设备独立像素 以 iPhone6/7/8为例，这里我们打开 Chrome 开发者工具 ...

为什么要做移动端适配？ 我们开发使用px（CSS pixel）的是逻辑像素，以至于在不同分辨率的设备上同一个UI设计图展示效果会被伸缩变形，所以需要做移动端适配 通过历史进程进一步认识！ 早期诺基亚板砖机时代，样式直男单一、设备少（哪种设备 ...

移动端web页面的开发，由于手机屏幕尺寸、分辨率不同，或者需要考虑横竖屏问题，为了使得web页面在不同移动设备上具有相适应的展示效果，需要在开发过程中使用合理的适配方案来解决这个问题。 早期网页设计采用静态布局，通过<meta>标签中的applicable-device应用 ...

移动端 特点 移动端下的屏幕存在以下特点： 屏幕相比较于PC端要小 浏览器不像PC端，随时各种调整大小 原因 移动端由于屏幕整体比PC端小，而且也不能出现拖动浏览器来调整大小的情况，所以在移动端上的布局是流式布局最多，其中有些小分支，如固定小版心。 案例 ...

初次接触移动端的时候，以为终于可以不用像pc那样考虑令人头疼的ie浏览器兼容问题，有强大的css3的帮助，可以随心所欲。。可是后来才发现原来移动端各种层次不齐的终端更会让人抓耳挠腮，同样的页面在不同的手机上显示的完全不一样的效果，于是抛开功能，页面适配性也成了一个大的课题 ...

　　在移动端适配有很多种方案，有flex布局，百分比布局，响应式布局，还有vw布局， 下面讲解以下vw布局： 　　首先我们得明确vw是什么？ 　　　　vw　　viewpoint width，视窗宽度，1vw=视窗宽度的1% 　　　　vw是一种css单位。1vw相当于视窗宽度 ...