随着“响应式设计”的彻底改革，一个网站适合所有人
{{youtube:medium:center|ujgiAQ9yhjM，一个网站适合所有人}}
威廉玛丽网站今天看起来有什么不同吗？
嗯，应该是这样——尤其是当你在移动设备上阅读这篇文章的时候。该大学的创意服务部门今天推出了新的和改进的“响应式设计”版本的威廉玛丽网站。响应式设计概念考虑了所有基于web的设备的技术需求和美学机会，从台式电脑到平板电脑和智能手机。
威廉玛丽的创意服务总监蒂娜·科尔曼（Tina Coleman）说：“一切都取决于内容。”“现在我们已经接受了响应式设计，更多的人将有更多的机会访问我们的内容，他们将能够在他们最喜欢的设备上查看这些内容。”
她指出，这不是一个“如果有就好了”的设计，而是一个“需要有”的设计，因为W&M网站的使用统计数据清楚地表明，使用移动设备的访问者正在快速增长。我们的目标是让每个访问W&M网站的人都有一个无缝的、愉快的体验，这样他们就可以在没有挤压和缩放的麻烦的情况下获得他们想要的信息。
她把这归功于由技术副总监马克·温德利（Mark Windley）领导的创意服务团队数月来的创造性和密集劳动。科尔曼说：“这确实是一个团队的努力，因为这个项目成功地从我们团队的几个关键领域——技术、设计和内容——汲取了力量。”在今年夏天推出之前，已经有了一个激进的时间表。但是，这项工作从去年秋天开始，团队开始更新某些网页元素，使其更易于访问，更适合即将到来的响应式设计。
科尔曼说，新的响应式设计的元素对使用平板电脑和手机的人来说是最明显的。响应式网页设计背后的技术检测你正在使用的设备的宽度，并提供一个定制的，优化版本的威廉玛丽网络体验。
新的响应式设计格式不是缩小网页以适应智能手机屏幕，而是重新格式化页面以减少或消除对水平滚动的需求。
温德利在今年早些时候的一篇博客文章中解释说：“不同尺寸的设备上的内容安排不一定是一样的。这就是有趣的地方。4英寸的手机屏幕无法处理3栏布局，对吧？但你难道不喜欢全尺寸显示器上漂亮的三列布局吗？”
现在，响应式设计将在全尺寸显示器上呈现所有三列的内容，同时在手持设备上提供相同内容的适当且美观的版本。
要了解响应式设计，可以看看平板电脑或手机上的William & 玛丽主页。倾斜你的设备，看看页面是如何神奇地重新设计以适应新的方向的。
William & 玛丽的主页采用响应式设计已经一年多了。今天的发布将这一概念扩展到大学整体网站的其余部分。下一步将把响应式设计引入威廉玛丽学院研究生院和专业学院的网站，以及创意服务公司（Creative services）提供的其他基于网络的服务，如W&M Events。
Windley解释说，响应式设计的整合都是内置在基础编码中，不需要William & 玛丽的众多网络编辑做任何不同的事情。
