QUI

导航

介绍

QUI 框架是 Enqoo 团队多年 Web 设计和开发经验的结晶，可用于快速构建 Web 界面。

下载 QUI

包内容

使用 normalize.css 初始化样式。

文件/文件夹描述

文件/文件夹	描述
`/css`	CSS 框架包含五大部分：排版内容（定义文本格式和样式）栅格布局（定义布局方式）组件（定义页面功能呈现样式）辅助类（定义交互辅助）动画效果（定义动画特效）
`/js`	核心 JavaScript

/css

CSS 框架包含五大部分：

排版内容（定义文本格式和样式）
栅格布局（定义布局方式）
组件（定义页面功能呈现样式）
辅助类（定义交互辅助）
动画效果（定义动画特效）

/js 核心 JavaScript

基本设置

使用 HTML5 文档类型（doctype），设置 viewport（视口）的<meta>标签以实现正确的响应式布局。在 <head>前面导入 css 和 js 文件。

            
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title>QUI</title>
    <link rel="stylesheet" href="css/qui.css" type="text/css">
    <script src="js/qui.js"></script>
</head>
<body>
</body>
</html>

浏览器支持

QUI 几乎可以在任何现代浏览器上运行。