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