如何设置自适应网站建设，让访问速度更快、体验更佳？

一句话概括... 互联网早已不是那个只属于大屏幕桌面的世界了。你有没有想过当用户在地铁上、在排队买咖啡时掏出手机点开你的网站，他们期待的是什么？不仅仅是信息的获取，更是一种行云流水的快感。如果网页加载慢吞吞，或者布局乱七八糟，用户的心里恐怕早就默默关掉了页面。这就是为什么我们今天要聊一聊“自适应网站建设”这个话题。这不仅仅是一个技术活，更是一场关于用户体验的博弈。

一、 自适应网站：不仅仅是屏幕的缩小

常说的自适应网站，其实是指同一站点、同一页面可以在电脑、手机、平板和各类设备上正常浏览的站点。听起来很美好，对吧？但很多网站的做法是对不同终端设计多个网页，这简直是维护的噩梦。试想一下你要维护两套甚至三套代码，一旦有个新闻要更新，你得改好几遍，这谁受得了，吃瓜。？

所以 聪明的做法是设计一个简单的“盒子”，这个盒子可以识别不同的终端而显示不同的效果。移动设备正超过桌面设备，成为访问互联网的最常见终端。如果你的网站不能适应这种变化，那就像是在智能手机时代还坚持用BP机一样， 闹笑话。 显得格格不入。通过自适应网站提升品牌形象， 使之符合时代的节拍，让品牌保持新鲜感和吸引力，从而使品牌焕发出新的生命活力，是品牌能够持续发展的关键。

1. 那个神奇的Viewport标签

自适应网页设计到底是做到的？其实并不难，但有一个前提，那就是你得告诉浏览器：“嘿， 绝了... 别假装自己是电脑，请按照手机屏幕的宽度来显示。”

先说说 在网页代码的头部，加入一行 viewport元标签：。这行代码的意思是 网页宽度默认等于屏幕宽度，原始缩放比例为1.0，即网页初始大小占屏幕面积的100%。所有主流浏览器都支持这个设置，包括IE9。如果没有这行代码， 手机浏览器会默认按照桌面端的宽度来渲染页面然后缩放到手机屏幕大小，后来啊就是字小得像蚂蚁，用户得不停地放大缩小，体验极差。