⑴ 常用的前端框架有哪些
1. Twitter BootStrap （Apache v2.0；響應式）
時髦、直觀並且強大的前端框架，讓Web開發變得更加容易。
2. Foundation （MIT；響應式）
最先進的響應式前端框架。
3. 960gs（GPL&MIT；響應式）
960gs提供了一個簡單的網格系統，適合快速開發。
4. Skeleton（MIT；響應式）
非常漂亮的Web模板，適合響應式、移動友好的開發。
5. 99lime HTML KickStart（Free）
適合網站快速開發的極簡HTML構建模塊。
6. Kube（Free；響應式）
面向專業人員的CSS框架。
7. Less Framework（MIT；響應式）
自適應的CSS網格系統。
8. Flameinwork（Free）
適合懶人開發者的前端微框架。
9. G5 Framework（Free）
(x)HTML5、CSS、PHP前端開發框架。
10. Easy Framework（Free）
Easy Framework是一個一體化前端解決方案，分structural、 presentational、interactive三層。
11. Blueprint（Free）
一個旨在減少開發時間的前端框架。
12. YAML（Creative Commons）
(x)HTML+CSS框架，適合開發現代化浮動布局。
13. BlueTrip（Free）
一個功能全面、並且美麗的CSS框架，適合於Blueprint搭配使用。
14. YUI3:Grids CSS（BSD）
YUI Grids CSS是最著名的CSS框架之一，是由Yahoo開發小組開發而成。 YUI Grids CSS為開發者提供了預先設置的四種不同頁面寬度，六種不同的模板。
15. 52framework（Creative Commons）
對HTML5支持非常好，簡單易用。
16. elastiCSS（MIT）
一個基於Web介面和印刷布局的簡單CSS框架。
17. Emastic（Free）
一個與眾不同的CSS框架。
18. Fluid 960 Gride System（GPL/MIT）
Fluid 960 Grid System的模版是根據Nathan Smith之前的作品而創建的。即960 Grid System：傳承了MooTools和jQuery JavaScript libraries的效果。
19. xCSS（MIT）
一個面向對象的CSS框架，能讓你的工作流更加簡潔。xCSS基於CSS，可以在開發復雜樣式時，提供面向對象的工作流。
20. EM CSS Framework（MIT/GPL）
EM CSS Framework提供了一個960px寬 + 12 列網格系統 + CSS的通用樣式。
⑵ 前端響應式是怎麼回事
看看simplebs這個就明白了
⑶ 現在前端對響應式布局要求高嗎
如果你是在互聯網公司（比如阿里，網易這種類型的公司），那基本逃不了這個問題。原因就是，開發的大部分系統，都是公司或者部門的管理系統，並且受限於使用群體，我們可以強制的規定使用的瀏覽器，以至於連兼容都可以不做。響應式本身也不是什麼復雜，或者難度很高的概念或者技術，好好看一看吧，關鍵還是如何將設計稿上的元素進行合理的布局，一般也僅僅是HTML和CSS層面的東西，屬於很基礎的部分。
⑷ 響應式前端框架有哪些
Twitter BootStrap （Apache v2.0；響應式）
時髦、直觀並且強大的前端框架，讓Web開發變得更加容易。
2. Foundation （MIT；響應式）
最先進的響應式前端框架。
3. 960gs（GPL&MIT；響應式）
960gs提供了一個簡單的網格系統，適合快速開發。
4. Skeleton（MIT；響應式）
非常漂亮的Web模板，適合響應式、移動友好的開發。
5. 99lime HTML KickStart（Free）
適合網站快速開發的極簡HTML構建模塊。
6. Kube（Free；響應式）
面向專業人員的CSS框架。
7. Less Framework（MIT；響應式）
自適應的CSS網格系統。
8. Flameinwork（Free）
適合懶人開發者的前端微框架。
9. G5 Framework（Free）
(x)HTML5、CSS、PHP前端開發框架。
10. Easy Framework（Free）
Easy Framework是一個一體化前端解決方案，分structural、 presentational、interactive三層。
11. Blueprint（Free）
一個旨在減少開發時間的前端框架。
12. YAML（Creative Commons）
(x)HTML+CSS框架，適合開發現代化浮動布局。
13. BlueTrip（Free）
一個功能全面、並且美麗的CSS框架，適合於Blueprint搭配使用。
14. YUI3:Grids CSS（BSD）
YUI Grids CSS是最著名的CSS框架之一，是由Yahoo開發小組開發而成。 YUI Grids CSS為開發者提供了預先設置的四種不同頁面寬度，六種不同的模板。
15. 52framework（Creative Commons）
對HTML5支持非常好，簡單易用。
16. elastiCSS（MIT）
一個基於Web介面和印刷布局的簡單CSS框架。
17. Emastic（Free）
一個與眾不同的CSS框架。
18. Fluid 960 Gride System（GPL/MIT）
Fluid 960 Grid System的模版是根據Nathan Smith之前的作品而創建的。即960 Grid System：傳承了MooTools和jQuery JavaScript libraries的效果。
19. xCSS（MIT）
一個面向對象的CSS框架，能讓你的工作流更加簡潔。xCSS基於CSS，可以在開發復雜樣式時，提供面向對象的工作流。
20. EM CSS Framework（MIT/GPL）
EM CSS Framework提供了一個960px寬 + 12 列網格系統 + CSS的通用樣式。21.Ant Design
22.Element UI
⑸ Web前端面試題：響應式布局有哪些優點和缺點
響應式網頁設計
優點：
跨平台和終端且不需要分配子域。
兼容當前及未來設備。
節約成本。一個域名，一套網頁。
缺點：
兼容性 不兼容低版本瀏覽器。
移動帶寬增多。
載入事件長、無用代碼太多。
內存大。
⑹ 關於前端響應式的問題
@media響應式媒介尺寸，這個是我以前看到收藏的 你得知道自己特定設備的尺寸來對應相應的@media媒體查詢；望採納！！！！
一、定義斷點
手機的屏幕比較小，寬度通常在600像素以下；PC的屏幕寬度，一般都在1000像素以上（目前主流寬度是1366×768）設置相應的min-width和max-width值
所以響應式設計一般對600px下，1000px上針對各版本做@media細化。
主要的有：
1.第一個斷點群體就是針對於智能手機設置，他的寬度是小於480px(
2.第二個斷點是高智能移動設備，比如說Ipads設備，他的寬度是小於768px（
3.第三個斷點就是針對於大設備，比如說PC端，他的寬度是大於768px(>768px)
為了完美一些，我們還可以添加另外幾種斷點：
1.添加一個小於320px的斷點，針對於小型的移動設備；(
2.還可以添加適用於平板設備的斷點，大於768px小於1024px(>768px 和
3.最後還可以為超寬的桌面設置一個斷點，大於1024px(>1024px)
綜合下來，設置斷點把握三個要點：
1.滿足主要的斷點；
2.有可能的話添加一些別的斷點；
3.設置高於1024px的桌面斷點
PC端一般常用尺寸：
@mediascreenand(max-width:2059px){
ol.dribbbles{
max-width:1750px
}
}
@mediascreenand(max-width:1809px){
ol.dribbbles{
max-width:1500px
}
}
@mediascreenand(max-width:1559px){
ol.dribbbles{
max-width:1250px
}
}
@mediascreenand(max-width:1309px){
ol.dribbbles{
max-width:1000px
}
}
@mediascreenand(max-width:1059px){
ol.dribbbles{
max-width:750px
}
}
@mediascreenand(max-width:809px){
ol.dribbbles{
max-width:500px
}
}
@mediaonlyscreenand(max-width:870px){
}
@mediascreenand(max-width:520px){
}
/*各種手機的@media媒介*/
參考：http://www.bluesdream.com/blog/jquery-css-fixed-toolbar-compatible-ie6.html
@mediascreenand(max-height:475px){
}
/*此參數為iphone4的高度限制*/
@mediascreenand(max-height:480px)and(max-width:320px){
}
/*此參數為iphone4-iphone5的高度限制*/
@mediascreenand(min-height:481px)and(max-height:568px){
}
/*此參數為iphone5-iphone6的高度限制*/
@mediascreenand(min-height:480px)and(max-height:667px){
}
/*聯想的尺寸*/
@mediascreenand(min-height:668px)and(max-height:735px){
}
/*此參數為iphone6plus的高度*/
@mediascreenand(min-height:736px){
}
/*此參數為紅米Note判斷*/
@mediascreenand(min-height:737px){
}
或者適配iphone和ipad等設備
@mediascreenand(min-width:321px)and(max-width:375px){html{font-size:11px}}
@mediascreenand(min-width:376px)and(max-width:414px){html{font-size:12px}}
@mediascreenand(min-width:415px)and(max-width:639px){html{font-size:15px}}
@mediascreenand(min-width:640px)and(max-width:719px){html{font-size:20px}}
@mediascreenand(min-width:720px)and(max-width:749px){html{font-size:22.5px}}
@mediascreenand(min-width:750px)and(max-width:799px){html{font-size:23.5px}}
@mediascreenand(min-width:800px){html{font-size:25px}}
⑺ layui框架是響應式的嗎
layui框架是響應式的，Layui 是一款採用自身模塊規范編寫的國產前端UI框架，遵循原生HTML/CSS/JS的書寫與組織形式，門檻極低，拿來即用。其外在極簡，卻又不失飽滿的內在，體積輕盈，組件豐盈，從核心代碼到API的每一處細節都經過精心雕琢，非常適合界面的快速開發。
更多是為服務端程序員量身定做，無需涉足各種前端工具的復雜配置，只需面對瀏覽器本身，讓一切所需要的元素與交互。
⑻ 前端框架有哪些
1. Twitter BootStrap （Apache v2.0；響應式）
時髦、直觀並且強大的前端框架，讓Web開發變得更加容易。
2. Foundation （MIT；響應式）
最先進的響應式前端框架。
3. 960gs（GPL&MIT；響應式）
960gs提供了一個簡單的網格系統，適合快速開發。
4. Skeleton（MIT；響應式）
非常漂亮的Web模板，適合響應式、移動友好的開發。
5. 99lime HTML KickStart（Free）
適合網站快速開發的極簡HTML構建模塊。
6. Kube（Free；響應式）
面向專業人員的CSS框架。
7. Less Framework（MIT；響應式）
自適應的CSS網格系統。
8. Flameinwork（Free）
適合懶人開發者的前端微框架。
9. G5 Framework（Free）
(x)HTML5、CSS、PHP前端開發框架。
10. Easy Framework（Free）
Easy Framework是一個一體化前端解決方案，分structural、 presentational、interactive三層。
11. Blueprint（Free）
一個旨在減少開發時間的前端框架。
12. YAML（Creative Commons）
(x)HTML+CSS框架，適合開發現代化浮動布局。
13. BlueTrip（Free）
一個功能全面、並且美麗的CSS框架，適合於Blueprint搭配使用。
14. YUI3:Grids CSS（BSD）
YUI Grids CSS是最著名的CSS框架之一，是由Yahoo開發小組開發而成。 YUI Grids CSS為開發者提供了預先設置的四種不同頁面寬度，六種不同的模板。
15. 52framework（Creative Commons）
對HTML5支持非常好，簡單易用。
16. elastiCSS（MIT）
一個基於Web介面和印刷布局的簡單CSS框架。
17. Emastic（Free）
一個與眾不同的CSS框架。
18. Fluid 960 Gride System（GPL/MIT）
Fluid 960 Grid System的模版是根據Nathan Smith之前的作品而創建的。即960 Grid System：傳承了MooTools和jQuery JavaScript libraries的效果。
19. xCSS（MIT）
一個面向對象的CSS框架，能讓你的工作流更加簡潔。xCSS基於CSS，可以在開發復雜樣式時，提供面向對象的工作流。
20. EM CSS Framework（MIT/GPL）
EM CSS Framework提供了一個960px寬 + 12 列網格系統 + CSS的通用樣式。
⑼ 為什麼現在的前端UI框架都要做成響應式，都要搞一套
方便管理與維護，一套可以適應pc端與移動端開發成本也會大大減少。
⑽ web前端開發教程（2）什麼是響應式
就是你的頁面在不同尺寸下都能有合適的狀態，盡量不出現滾動條，比如bootstrap下寫的東西在pc端，pad端，手機端都有不同的顯示，但是頁面並不會亂，當然也可以用百分比，讓頁面的寬度與瀏覽器寬度成比例縮放