猫灿先生博客,简约即美
标签归类 » media query

建立自适应移动互联网站点

2013 年 03 月 05 日 下午 5:16

Responsive Web Design

上篇文章提到移动互联网的重要性,手机上网的行为越来越普遍,如何改进原有网站设计,使之在移动设备上显示优美,交互迅速,给访客带来优秀的体验,成为一个关注的热点。将一个原本只适应电脑显示的网站改版成移动客户端友好界面,通常有三种方法:

1.站点采用自适应网站设计。无论采用什么设备访问这个网站,都是通过同一个URL,下载相同的HTML+CSS,然后通过CSS判断屏幕的大小,按照设定好的规则布局。这是当前主流趋势,是Google最推荐的方式

2.无论采用什么设备访问这个网站,还是通过同一个URL,不过通过一些判断,针对不同设备加载的HTML+CSS是不一样的,尽量不增加冗余code

3.对于移动设备采用专门的独立设计,如原站为abc.com,为移动用户专门设计了m.abc.com,访问URL不同。

这三种方式都各自存在优点缺点,了解后选择适合网站情况的方案。当前Bamboo Talk!采用第二种方式,判断出移动用户来访则采用一套新主题。Maocan.com首页采用第一种方式重新设计了CSS,本文重点探讨一下。

全文阅读 »

-->
Bamboo Talk! is Mr. Maocan's private blog. Hope you enjoy your every visit here!