什么是响应式布局设计
前些天發(fā)現(xiàn)了一個(gè)巨牛的人工智能學(xué)習(xí)網(wǎng)站,通俗易懂,風(fēng)趣幽默,忍不住分享一下給大家。點(diǎn)擊跳轉(zhuǎn)到教程。
1. 看一個(gè)例子:Mashable?的首頁:?
瀏覽器窗口最大化時(shí):
縮小瀏覽器窗口:?
再縮小:
再縮小:
以上就是一個(gè)響應(yīng)式的實(shí)例。
?
2.理論上,響應(yīng)式界面能夠適應(yīng)不同的設(shè)備。
描述響應(yīng)式界面最著名的一句話就是“Content is like water”,成中文 “ 如果將屏幕看作容器,那么內(nèi)容就像水一樣 ” 。
3. 大白話解說:
很久很久以前,每個(gè)人都只有一件衣服( Website ),不管你有錢沒錢大家每天都只穿這一件。
后來有人發(fā)明了舞會(移動(dòng)互聯(lián)網(wǎng)),大家都爭先恐后地想要參加,于是一個(gè)做「開發(fā)」的裁縫忽悠人們說進(jìn)舞會最好訂做一件專門的禮服( Mobile Site ),大家想想也對,上班和出去哈皮都穿同一件衣服多無聊啊,舞會就要有舞會的樣子。于是乎只要有點(diǎn)閑錢的人都做了禮服,他和原來那件叫做 Website 的衣服是完全不一樣的,面子不一樣,里子也不一樣。
后來舞會的種類越來越多了,很多人被迫做了好多好多件禮服,于是又有一個(gè)叫做「前端」的裁縫站出來說你們每年要新做那么多衣服,多費(fèi)錢啊,而且一出門鑰匙啊皮夾子啊名片都要在不同衣服里換來換去多麻煩。你看,我們新發(fā)明了一個(gè)手藝叫做「Responsive Design」,只要把你原來那件衣服稍微那么一改,以后去哪個(gè)舞會都可以只穿這一件衣服,衣服的里子永遠(yuǎn)都差不多,但面子可以按照要求自適應(yīng)不同的舞會。
于是所有人都開始換上這種名叫響應(yīng)式的衣服 ...
?
以上內(nèi)容出自知乎:https://www.zhihu.com/question/20976405
總結(jié)
以上是生活随笔為你收集整理的什么是响应式布局设计的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: idea 玩转 码云 -- idea安装
- 下一篇: 2017年html5行业报告,云适配发布