创建响应式布局集中

逃离我推掉我的手 2022-08-12 01:16 99阅读 0赞

1.Bootstrap，这是一个圆滑的，直观的和强大的移动优先的前端框架，用于更快，更容易的 [Web][] 开发。几乎一切都已经被重新设计和重建，更好的支持移动端设备。最新的 [Twitter Booststrap][] 包含四层网格类——手机，平板电脑，台式机，和大型桌面，你可以做一些超级疯狂的布局。

2，Flurid,Flurid 是一种旨在创建跨浏览器和流体界面的 [CSS][] 网格框架。相较于许多其他流体网格系统， Flurid 不隐藏像素，而是使用 overflow: hidden 和 width: auto 属性去除多余的像素。

3.LESS 是一个轻量级的 [CSS][] 框架，使您能够建立灵活的多列布局的网站。它包含一个八列网格，根据黄金比例平行于网格的垂直鼓组排版预设的行高进行了优化。

4.Baseline 是一个 [CSS][] 框架，基于排版标准建立，其目的是简化开发一个可喜的网格和良好的排版网站。借助 reset.css & base.css 文件的帮助下，基线清除浏览器的默认行为和建立一个基本的排版布局。

5.Gridless 是一个样板，用来创建响应式和跨浏览器，具有漂亮的印刷字体平台网站。它不与任何网格系统，而是重点是渐进增强并成为任何项目的一个起点

6.Columnal 是另外一个 [CSS][CSS 1] 网格系统。Columnal 是弹性网格，而一些代码的灵感来自于 960.gs 网格系统。Columnal 使得响应原型更容易一些。

7.978是使用12列的54px ，列间距30px的网格布局系统，这一共就是978px ，在1024 × 768的显示器上刚好使用了大部分的空间。

[Web]: http://www.cnblogs.com/lhb25/category/146076.html
[Twitter Booststrap]: http://www.cnblogs.com/lhb25/archive/2012/09/11/resources-that-complement-twitter-bootstrap.html
[CSS]: http://www.cnblogs.com/lhb25/category/146075.html
[CSS 1]: http://www.yyyweb.com/tag/css3

发表评论取消回复

表情：

评论列表（有 0 条评论，99人围观）

还没有评论，来说两句吧...

相关阅读

相关响应式布局

一、响应式开发 1.1、概述就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 1.2、响应式布局容器 1

落日映苍穹つ/ 2023年10月14日 11:07/ 0 赞/ 83 阅读

相关响应式布局

（给前端大全加星标，提升前端技能） > 作者：浪里行舟 > > https://github.com/ljianshu/Blog/issues/38 前言

柔光的暖阳◎/ 2023年08月17日 16:34/ 0 赞/ 173 阅读

相关响应式布局

目录： 1. 响应式布局介绍 2. 响应式布局特点 3. 响应式布局的实现方式 4. 响应式布局媒体查询使用 5. 响应式布局示例 1. 示例1

快来打我*/ 2022年10月18日 01:38/ 0 赞/ 366 阅读

相关创建响应式布局集中

1.Bootstrap，这是一个圆滑的，直观的和强大的移动优先的前端框架，用于更快，更容易的 [Web][] 开发。几乎一切都已经被重新设计和重建，更好的支持移动端设备。最新的

逃离我推掉我的手/ 2022年08月12日 01:16/ 0 赞/ 100 阅读

相关响应式布局

<table style="height:40px; border-color:a9a9a9; border-width:0px; background-color:a9a9a

àì夳堔傛蜴生んèń/ 2022年07月11日 08:14/ 0 赞/ 307 阅读

相关响应式布局

一、视口（viewport）移动前端的viewport就是浏览器中用于呈现网页的区域。视口通常并不等于屏幕大小。手机端和PC端视口存在差异，电脑端视口等于其分辨率，手机端的

迈不过友情╰/ 2022年03月31日 10:54/ 0 赞/ 351 阅读

相关响应式布局

4.1 meta 标签最简单的处理方式是加上一个 meta 标签 <meta name="viewport" content="width=device-width,

左手的ㄟ右手/ 2022年03月09日 10:06/ 0 赞/ 370 阅读

相关响应式布局

响应式布局响应式布局在面对不同分辨率设备灵活性强，在平时的网页设计中基本上都要用到响应式布局设计，它给我们提供了良好的用户浏览页面，能带给我们更好的客户体验，下面给大家分享

本是古典何须时尚/ 2022年01月29日 00:47/ 0 赞/ 374 阅读

相关响应式布局

简介什么是响应式布局? 同一个页面在不同屏幕尺寸下有不同的布局传统的开发方式是PC端开发一套,手机一套使用响应式布局只需要开发一套

以你之姓@/ 2022年01月20日 10:47/ 0 赞/ 418 阅读

相关响应式布局

一、什么是响应式布局？响应式布局就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不

浅浅的花香味﹌/ 2021年12月22日 20:17/ 0 赞/ 408 阅读