快速响应的Web设计,英文叫做Responsive Web Design。用户访问web的设备种类繁多,可以是手机、平板或者笔记本,屏幕尺寸不一,快速响应的Web设计就是为了让用户无论用何种尺寸屏幕访问网站,都能获得最佳体验。网页会根据屏幕尺寸自行调整,适应不同屏幕。

今天向大家介绍的是一个网站——MediaQueri.es

该站展示的网页全部符合Responsive Web Design的标准,如果你想找点灵感,这里绝对不容许错过。

下面是一些案例展示

Greenbelt Festival

simon-collsion

为了让网站在用户的小屏幕上正常展示,可以使用theme switcher或者mobile插件来实现,而快速响应的设计推崇的是CSS Media Query,前两种方法往往让手机版网站长的完全不像你原来的网站,但Media Query却可以让网站在各种尺寸的屏幕上保持协调一致。

3条留言

    1. 我还真不知道是哪个国家的,这个域名整的很巧妙,正好是mediaqueries

评论功能已关闭