在智能手机和平板电脑问世之前,大多数人都是在PC电脑上浏览网站,从较早的17寸、19寸屏幕,到后来的21寸、23寸屏幕,其屏幕大小的变化频度并不算大。因此,可以很容易地设计出适合各种PC屏幕尺寸的网站。
今天,越来越多的人使用不同屏幕尺寸的终端设备来浏览网站,比如智能手机、iPad等。这意味着,一个原本只需要在PC屏幕上完美显示的网站,现在还需要在手机屏幕、Pad屏幕等其他移动终端上完美显示,以方便不同的用户浏览网站。
显然,在屏幕尺寸差异很大的不同设备上,同一个网站的展现方式也将稍有不同。需要注意的是,我们这里强调的是“同一个网站”,而不是在多种设备上使用不同的网站。
在响应式网站问世之前,人们想要在移动端设备上打开网站时,往往打开都是缩小版的PC网站,想要看清上面的文字时,不得不通过拉伸放大屏幕的方式来浏览,非常不人性化。
响应式网站设计允许网站内容可以自动调整并响应任何屏幕终端,可以让浏览者第一时间很舒服地观看并寻找自己想要的东西,就像在自己的PC电脑上浏览一样。