什麼是響應式布局設計?

時間 2021-05-11 19:05:15

1樓:

這個頁面右上角有個下拉列表,選項分別是:

static 靜態布局

fluid 流式布局

adaptive 自適應布局

responsive 響應式布局

你在這幾個選項之間切換,然後縮放瀏覽器寬度,檢視不同布局的效果。你會發現,響應式,算是綜合了流式和自適應。

2樓:JJ Ying

很久很久很久以前,每個人都只有一件衣服( Website ),不管你有錢沒錢大家每天都只穿這一件。

後來有人發明了舞會(移動網際網路),大家都爭先恐後地想要參加,於是乙個做「開發」的裁縫忽悠人們說進舞會最好訂做一件專門的禮服( Mobile Site ),大家想想也對,上班和出去哈皮都穿同一件衣服多無聊啊,舞會就要有舞會的樣子。於是乎只要有點閒錢的人都做了禮服,他和原來那件叫做 Website 的衣服是完全不一樣的,面子不一樣,裡子也不一樣

後來舞會的種類越來越多了,很多人被迫做了好多好多件禮服,於是又有乙個叫做「前端」的裁縫站出來說你們每年要新做那麼多衣服,多費錢啊,而且一出門鑰匙啊皮夾子啊名片都要在不同衣服裡換來換去多麻煩。你看,我們新發明了乙個手藝叫做「Responsive Design」,只要把你原來那件衣服稍微那麼一改,以後去哪個舞會都可以只穿這一件衣服,衣服的裡子永遠都差不多,但面子可以按照要求自適應不同的舞會

於是所有人都開始換上這種響應式的衣服了。。。

CSS響應式設計 chrome中 em 不能隨font size基準值變動?

於江水 正常啊,是你 1em 計算出來的 px 太小了吧。Chrome 裡面 setting 去掉 12px 限制試試。 黑貓 首先,em 對於 width等屬性也是有效的。乙個元素 width 以 em 為單位時,最終在瀏覽器中的寬度是以元素自身的 font size 為基準。即 font siz...

現在手機解析度這麼大,如何寫響應式布局?

kkp大神有幾篇文章講的很詳細,此px非彼px,viewport實際上有好幾種意義,目前的手機 不帶平板 最大的width也就442吧。 itlr 響應式的基礎是 相對 寬度,相對 高度,相對 大小,是percentage,em,rem.而不是px,pt。如果你希望乙個頁面佔滿半個viewport,...

為什麼美軍不用無託式布局的步槍?

佩劍獨行 連續射擊菸油太大 護木太短了,雙手在前面就跟拘謹,雙手持握在連續射擊下就沒護木長的穩定 而且前面整些雷射照准儀和槍燈亂七八糟的話,本身就拘謹的操作空間就更難受了 LooKer86 換彈夾應該不是槍械戰鬥中最優先考慮的事,也不應該是一款槍優先考慮的,射擊和環境適應性和使用成本應該是重點,無託...