自适应桌面和移动设备
作者: its
|
发布: 2007/6/5 (19:59)
|
阅读: 17908
|
评论: 0
|
静态地址
|
内容源码
锐商企业CMS(COMSHARP CMS)生成的网站完美适配所有桌面和移动设备,包括PC,平板,手机,以及各种智能设备,基于 Adaptive (自适应)模式,系统会针对不同尺寸的屏幕,输出最适合的页面布局及导航,为用户带来绝佳体验。系统还会对页面内容中的图片,视频,表格,容器,嵌入对象等元素进行优化,使这些内容自动适配当前的屏幕尺寸。
两种最常用的跨设备兼容模式
Web 设计领域最常用的两种跨设备兼容模式为 Adaptive(自适应) 和 Responsive(响应式),关于这两种模式的讨论和对比非常多,二者各有优劣。简单说,Adaptive 模式会为不同的设备输出不同布局的页面,通常发生在服务器端,而Responsive 模式则基于 CSS3 的 media queries 技术,在浏览器端针对当前设备对页面进行重构以适应当前屏幕。关于二者的对比,可以参考以下资源。
Adaptive 和 Responsive 两种模式的优劣对比
- Adaptive 的优点:为不同设备从源头开始准备不同的内容布局,可以精准控制页面在不同设备上的最终显示效果,可以显著降低每个页面的下载尺寸及响应时间,对流量敏感的移动设备用户可以避免不可控的流量浪费。
- Adaptive 的缺点:对开发者而言,需要为不同设备准备不同的方案,导致额外的工作量。
- Responsive 的优点:适配发生在浏览器端,开发者只需输出一套内容。
- Responsive 的缺点:不管目标设备是桌面还是对流量敏感的移动设备,都需要下载同样的内容,为了兼顾不同的目标,同一个页面需要输出的内容通常远多于实际显示的内容,造成流量的浪费,同时,由于要处理超出自己显示需要的内容,页面的响应速度会变慢。
|