自适应桌面和移动设备

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

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

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

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

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





 Previous: 前台创作模式 (FrEE)领先功能Next: 多语网站 
  发送给朋友| 打印友好
7 x 12 小时服务热线
0532 - 83669660
微信: comsharp
QQ: 13885509
QQ: 592748664
Skype: comsharp