Cale()介绍 calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。比如说，你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。为何说是动态值呢?因为我们使用的表达式来得到的值 ...

开始我们需要先了解什么是calc() ，calc()是一个CSS函数，你可以使用calc()给元素的margin、pading、width等属性设置 而且你还可以在一个calc()内部嵌套另一个calc() clac()的语法就非常简单了 ， 使用数学表达式来表示： expression ...

视口单位 vw、vh 视口单位中的“视口”，桌面端指的是浏览器的可视区域；移动端指的是Viewport中的Layout Viewport，视区所指为浏览器内部的可视区域大小，即 window.inn ...

一、关于css中的单位 　　大家都知道在css中的单位，一般都包括有px,%,em等单位，另外css3新增加一个单位rem。 　　其中px，%等单位平时在传统布局当中使用的比较频繁，大家也比较熟悉，不过px单位在进行自适应布局的过程当中则会有些力不从心，大部分的解决方案是使用%为单位配合 ...

视口单位(Viewport units) 什么是视口？ 在PC端，视口指的是在PC端，指的是浏览器的可视区域； 而在移动端，它涉及3个视口：Layout Viewport（布局视口），Visual Viewport（视觉视口），Ideal Viewport（理想视口）。 视口单位中 ...

其实在之前学习CSS3的时候，我并没有注意到有calc()这个属性，后来在看一个大牛的代码的时候看到了这个，然后就引发了后来的一系列的查找、学习，以及这篇博客的诞生。好了，废话不多说了，来干正事。 一.基本介绍 其实，calc()这个形式看起来就很容易让人想到Javascript里 ...

1、calc()是css3的一个新增的功能，用来指定元素的长度，你可以使用calc()给元素的border、margin、pading、font-size和width等属性动态的设置值。 2、calc()语法 3、calc()的运算法则 　　1）、使用 ...

　　在处理移动端自适应布局时，目前前端最流行的方法应该就是使用媒体查询，来设置HTML的字体大小，然后用rem为单位对Dom的宽高进行设置，这个方法的优势在于兼容性方面很好，劣势则在于当前市场上不同的机型太多，尺寸种类比较杂，所以要想做到所以尺寸机型都能适应，工作量相对比较大。目前也有人会选 ...