多终端适配方案选择
1 响应式设计
Responsive Web design
主要依靠前端 CSS (包括 Media Query 媒体查询,百分比流式布局,网格与Typography系统……)来对各种屏幕尺寸进行响应的做法。
也称为响应式布局,自适应网页设计,弹性设计等。
开发和维护方便,但代码较为臃肿,适合简单的展示和较小的访问量。
3 独立的移动版网站
依靠前端或服务器端的一次 “响应”(设备检测),做 URL 重定向,将不同设备的用户定向到不同的URL。
需要设计2次,适合移动端为主或功能较为复杂的情况。
2 RESS
Responsive Web Design with Server Side Components
通过服务器端组件的响应式网页设计
RESS 的本质还是服务器端动态的生成,返回 HTML、JS、CSS、图像等资源文件,但是只使用同一个 URL 就可以提供给移动端定制化更强的网页,同时还大大节省了网络资源。
前后端的工作量均较大,但是更接近单独设计的效果。
评论已关闭