应用CSS3实现网页自顺应并使得分歧阅读终端装备之间更轻易实现无障碍切换。跟着移动端收集用户数目的年夜幅攀升，对收集页面的顺应性提出了更高的请求。在初期，一向都是为固定端设计的页面，从最初的稍低像素尺寸成长到后期的年夜尺寸页面，再到后期的页面宽度居中。然而，移动端用户早期阅读的收集页面依旧是合适于固定端的页面设计。后来，慢慢涌现了检测阅读器终端的法式代码，让阅读者自行选择触屏版、电脑版和客户端下载。也就是说，商家要设计多个版本的网站以应对用户的阅读终端的随便性需求。

技巧智力又感化于设计思维从而形成设计办法论。科学技巧不仅为设计师供给了新的设计手腕、设计对象和设计资料，并且为设计师界说了思虑方法和立异门路。平面视觉转达意义上的结构相对繁复，网页视觉中的所谓结构其实就是年夜小和地位。简而言之，就是每一个DIV的宽、高尺寸和定位地位。我们看到的每一个网页页面都是由无数个DIV构成，这些DIV是如何的包括关系、并列关系、嵌套关系，以及是如何的边距与距离关系，我们都须要界说和结构。CSS3除了既有的absolute、relative、fixed之外，还有static 。

别的还有float。更为主要的是，CSS3实现可以盘算的自顺应结构——calc()。页面设计时可以应用calc()给元素的margin、pading、width等属性赋值，并且还可以在一个calc()内部嵌套另一个calc()。其语法也不庞杂，就是应用数学表达式，该表达式可以包括四则运算、百分比以及px、em、rem等单元，并且可以混用多种单元盘算。calc其实是calculate的缩写，应用此种运算设定，就可以清除添加边距或者边框带来的常见问题，从而实现自顺应阅读装备的宽度。