⑴ 常用的前端框架有哪些
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端，手机端都有不同的显示，但是页面并不会乱，当然也可以用百分比，让页面的宽度与浏览器宽度成比例缩放