什么是响应式web设计

什么是响应式web设计相关内容，小编在这里做了整理，希望能对大家有所帮助，关于什么是响应式web设计信息，一起来了解一下吧！

本文目录一览：

• 1、什么是响应式web设计
• 2、响应式前端框架有哪些
• 3、web前端开发框架有哪些

什么是响应式web设计

1. 响应式Web设计是在开发和设计网站过程中产生的一种方式，它的目的是让内容布局能随用户使用显示器的不同而变化。再明确点说，这种设计概念，就是让原本1292像素宽，4栏的内容，能够很好地显示在1025像素宽的用户屏幕上，同时还能自动简化成2栏。当然，让它很好的适应智能手机和其他种类电脑的屏幕也就成了水到渠成的事了。这种特殊的设计形式就被成为“响应式Web设计”。

2. 响应式Web设计的优点：可以兼容所有尺寸的屏幕，随着手持设备（手机）屏幕尺寸繁多，也有很好的兼容性；而且开发一次，pc版和触屏版，手机版融合为一；

3. 响应式Web设计的缺点：对前端工程师要求比较高，它的屏幕兼容要求前端工程师对各种浏览器差异性了解比较多，对于大数据展示的门户站点，如果用同一页面，即时浏览器不崩溃，在手机上一个页面，很难滑到最底部，带来操作是十分不方便的，触屏版和手机版对优质信息展示不足。

4. 综合优缺点：响应式Web设计在企业站点，微型或者小站还是可以用的，对于大中型站点不合适（尤其大信息量展示的）。

响应式前端框架有哪些

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的通用样式。

   21.Ant Design

   22.Element UI

web前端开发框架有哪些

常见的web前端开发框架如下：

1、Bootstrap：

主流框架之一，Bootstrap 是基于 HTML、CSS、JavaScript的，它简洁灵活，使得 Web 开发更加快捷。

2、html5-boilerplate：

该框架可以快速构建健壮，且适应力强的web app或网站。

3、Meteor：

Meteor是新一代的开发即时web应用的开源框架，它能在较短时间内完成开发。

4、Materialize：

基于材料设计的现代化响应式前端框架。可提供默认的样式，自定义组件。此外，Materialize还改进动画和过渡，为开发人员提供流畅的体验。

5、Amaze UI：

国内首个开源HTML5跨屏前端框架产品系列，中文排版支持更优、本土化组件丰富。该产品系列中有专门针对移动端的HTML5混合应用开发框架Amaze UI Touch以及针对跨屏HTML5网页开发的Amaze UI Web。

扩展资料：

web框架程序的作用： 我爱编程网

Web框架使得在进行Web应用开发的时候，减少了工作量。Web框架主要用于动态网络开发，动态网络主要是指现在的主要的页面，可以实现数据的交互和业务功能的完善。

使用Web框架进行Web开发的时候，在进行数据缓存、数据库访问、数据安全校验等方面，不需要自己再重新实现，而是将业务逻辑相关的代码写入框架就可以。也就是说，通过对Web框架进行主观上的“缝缝补补”，就可以实现自己进行Web开发的需求了。

以PHP为例，PHP可以在apache服务器上进行Web开发，而不必使用框架。使用PHP进行开的时候，在不适用框架的情况下，数据库连接就需要自己来实现，页面的生成和显示也是一样。比如框架的话可以完成避免sql注入的工作，而使用PHP在不用框架的情况下，这部分要自己做。

参考资料来源： 百度百科-前端开发

以上就是什么是响应式web设计全部内容了，了解更多相关信息，关注我爱编程网。