响应式网站制作

什么样的网站叫响应式网站?

阅读  ·  发布日期 2021-03-23 23:01

随着移动终端的迅猛发展,人们在移动终端浏览网页信息的时间不断增长,许多企业针对移动终端专门 制作了移动网站 ,但这种方式造成了网站信息维护方面的麻烦,时间久了之后会...

详细信息

     随着移动终端的迅猛发展,人们在移动终端浏览网页信息的时间不断增长,许多企业针对移动终端专门制作了移动网站,但这种方式造成了网站信息维护方面的麻烦,时间久了之后会导致PC端网站与移动终端网站数据不一致。另外,如果使用移动终端输入PC端网站的域名,网站连接成功后,网页会自动进行浏览设备的判断,导致网站重新定位到移动版网站,这就导致了输入不同网址有相同内容的情况。

   为了解决这些问题,2010年5月,国外著名网站设计师Ethan Marcotte提出了“响应式网站设计(Responsive Web Design, RWD)”的概念。响应式网站设计的理念是页面的设计与开发应当根据用户行为以及设备环境进行相应的调整和响应,如下图所示。

响应式网站

    响应式网站设计的核心就是通过用户输入一个网址信息,借助一套HTML内容、一套程序代码,结合CSS3媒体查询(Media Query)技术实现计算机PC终端、手机、iPad、微信等自适应的网页布局,具体的实现方式由多方面组成,包括弹性网格和布局、图片、CSS3媒体查询等技术的使用。无论用户正在使用笔记本电脑还是iPad,浏览的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备,换句话说,就是页面应该有能力自动响应用户的设备环境。响应式网站设计就是一个网站能够兼容多个终端,而不是为每个终端做一个特定的版本,在浏览器端判断不同设备的窗口大小,让同一个网页自动运用不同的CSS来变化编码的配置。