锐商企业CMS（COMSHARP CMS）生成的网站完美适配所有桌面和移动设备，包括PC，平板，手机，以及各种智能设备，基于 Adaptive （自适应）模式，系统会针对不同尺寸的屏幕，输出最适合的页面布局及导航，为用户带来绝佳体验。系统还会对页面内容中的图片，视频，表格，容器，嵌入对象等元素进行优化，使这些内容自动适配当前的屏幕尺寸。

两种最常用的跨设备兼容模式

Web 设计领域最常用的两种跨设备兼容模式为 Adaptive（自适应） 和 Responsive（响应式），关于这两种模式的讨论和对比非常多，二者各有优劣。简单说，Adaptive 模式会为不同的设备输出不同布局的页面，通常发生在服务器端，而Responsive 模式则基于 CSS3 的 media queries 技术，在浏览器端针对当前设备对页面进行重构以适应当前屏幕。关于二者的对比，可以参考以下资源。

• Responsive design 和 Adaptive design 的区别
• What is the difference between responsive vs. adaptive web design?

Adaptive 和 Responsive 两种模式的优劣对比

• Adaptive 的优点：为不同设备从源头开始准备不同的内容布局，可以精准控制页面在不同设备上的最终显示效果，可以显著降低每个页面的下载尺寸及响应时间，对流量敏感的移动设备用户可以避免不可控的流量浪费。
• Adaptive 的缺点：对开发者而言，需要为不同设备准备不同的方案，导致额外的工作量。
• Responsive 的优点：适配发生在浏览器端，开发者只需输出一套内容。
• Responsive 的缺点：不管目标设备是桌面还是对流量敏感的移动设备，都需要下载同样的内容，为了兼顾不同的目标，同一个页面需要输出的内容通常远多于实际显示的内容，造成流量的浪费，同时，由于要处理超出自己显示需要的内容，页面的响应速度会变慢。