Materialize Materialize 是一个响应式的前端框架，设计样式及组件元素丰富#160#160#160Material UI 可能得搭梯子Material UI 和上面的框架差不多，另外值得一提就是它自带的响应式日期选择很棒哦#160#1。

可以查询当前浏览器的大小，所以可以用这个方法为同一个页面设置不同的CSS样式，以满足不同的分辨率要求2采用bootstrap框架布局 bootstrap框架布局的页面是自动对应的自适应效果但是在写作的时候要严格按照bootstrap的写作规。

1流体布局，使用百分比和像素作为单位，使布局更加灵活布局设计有多种实现方式，可分为固定布局可切换固定布局灵活布局和混合布局四种其次，可切换固定布局的实现成本最低，但扩展性差而柔性布局和混合布局是响应式。

Bootstrap是最受欢迎的HTMLCSS和JS框架，用于开发响应式布局移动设备优先的WEB项目wex5国产的ui，支持打包bootstrap框架，这个应该是所有前端开发都知道并用过的一个框架了，应为这个是目前最流行的框架，使用最广，网。

Amaze UI 是一个轻量级 Mobile first 的前端框架， 基于开源社区流行前端框架编写的3sui SUI是一套基于bootstrap开发的前端组件库，同时她也是一套设计规范通过SUI，可以非常方便的设计和实现精美的页面同时sui还有。

2响应式布局MDL框架提供了响应式布局，可以在不同的设备上实现相同的效果，让用户体验更加统一3易用性MDL框架的设计和语法非常简单明了，甚至不需要使用JavaScript就能实现许多常见的组件4兼容性MDL框架兼容多个。

Bootstrap 说到流行的UI框架，那么Bootstrap是一定会出现在榜单上的它是由twitter推出的Web前端UI框架，它由Twitter的设计师MarkOtto和JacobThornton合作开发Bootstrap通过它优秀的栅栏系统，很好的实现了响应式布局Bootstrap。

ExtJSExtJSExtNETFineUIBootstrap 2总体来说，jQuery比较轻量级ExtJS界面效果比较好，但是比较重Bootstrap目前比较流行，响应式布局兼容性方面都还可以，不同的开发库版本支持不同的浏览器版本3bootstrap。

补充xssmmdlg#160和#160xl，至此的不同屏幕大小下的响应式布局1会使用elcontainer，elmain，elaside，elheader，elfooter来快速布局 elmain，elaside有width属性，elheaderheight属性。

据称是中国首个开源HTML5跨屏前端框架妹子UI以移动优先为理念，从小屏逐渐到大屏，实现响应式网页AmazeUI包含20+个CSS组件20+个JS组件，更有多个包含不同主题的Web组件相比国外框架，妹子UI关注中文排版提供本地化。

关于这个争论小飞还是比较支持后面的观点小飞认为即使是再有经验的Web前端开发人员也应该好好研究一下响应式框架，它能给我们提供一些借鉴意义和很多便利，在今天这个快速发展的时代，设计师动手写框架做网站合理安排栅格布局。

Foundation 是由加利福尼亚州的产品设计公司 Zurb 推出的这是目前最先进的响应式前端框架，它有很多的模板布局，UI 组件的 CSS 样式，也收录了很多他们自己的 JavaScript 插件HTML CSS 组件网格布局模板，图标，字体。

Bootstrap 是最知名的响应式框架之一Pixso 是一款在线UI设计工具，其支持响应式设计并包含许多实用的功能，如元件自动布局样式等等CSS Grid 和 Flexbox 是现代CSS提供的两种强大布局工具利用这些工具，你可以更加方便地创建复杂的。

Foundation 是一款强大的，功能丰富的并且支持响应式布局的前端开发框架，你可以通过Foundation快速创建原型，利用它所包含的大量布局框架，元素以及最优范例快速创建在各种设备上可以正常运行的网站以及appFoundation在构建的时候。

如果想pc端和手机端样式相同的话，那就是css样式写一套，不要响应式布局而你说的背景缺失的话还是跟css的代码优化有关web前端页面美观度自我评价亲提这个问题是想写在简历里还是项目总结里，我觉得无论这个问题答案。

描述Foundation是国外最流行的 HTMLCSS 和 JS 框架，用于开发响应式布局移动设备优先的 WEB 项目GitHub地址。