自移动端用户超过PC端用户之后，很多企业都开始关注移动端网站自适应，尤其是对于很多行业的企业来说，移动端具有不可或缺的市场占有率，这也就慢慢的形成了自适应网页制作。移动端作为访问互联网的最常见终端但又不可放弃PC端、再加上平板、笔记本等设备的兴起，很多朋友又开始担心如何才能在不同大小的设备上呈现同样的网页？

大家都知道，终端设备的多样化，也造就了大小迥异的屏幕，而相同的网页呈现在不同的屏幕上，总会出现许许多多不可控的情况，根本不能够得到我们满意的效果；当然也有朋友认为，一个网站专门为不同的设备提供不同的网页，如：iPhone版本、iPad版本、电脑版本等多个版本，虽然效果得到了保证，但却不知维护好几个版本是一件多么麻烦的事情，尤其是对于架构的设计来说，复杂程度达到多大，远不是自适应网页的便利性。

而自适应网页制作才是能够自动识别屏幕宽度、并做出相应调整的网页设计。可以一举消除因为多屏幕终端设备所带来的一系列的问题，完美的解决多屏幕下的展示效果，确保了网页不管是在手机、平板、电脑等不同终端上的统一效果。

那么，自适应网页制作又是怎么来的呢？在新际网络这边，处理自适应网页需要注意的几个要点：

一、网页宽度自动调整
通过在网页代码的头部，加入viewport元标签，作为允许网页宽度自动调整的依据；

二、不使用绝对宽度
由于网页会根据屏幕宽度调整布局，所以不能使用绝对宽度的布局，也不能使用具有绝对宽度的元素。这一条非常重要。

三、相对大小的字体
字体也不能使用绝对大小（px），而只能使用相对大小（em），以方便在自适应的过程中可以自由变换效果。

四、流动布局
流动布局乃是实现网站的各个区块的位置的浮动性，可以根据宽度的大小来进行自动安排后面元素的位置，避免在水平方向上溢出和水平滚动条的出现。

五、图片的自适应
图片的自适应是处理最为麻烦的一块，在我们新际网络采用的处理手法是根据不同大小的屏幕，加载不同分辨率的图片，服务器端和客户端同时实现，这才是最为合适的解决方案。