概览

Rainbow Project 是基于 天外天主站(2016) 设计稿和 天外天系列网站设计规范概要 ,以 Bootstrap v4-alpha 为基础演化而来的 css 库。

浏览器兼容

Rainbow Project 在开发时仅使用 Chrome 进行测试。
本项目适配目标不包含 IE8 及以下版本,对 IE9/10 不保证完全适配。

为了保证渲染效果,请使用

<!doctype html>

并在<head>中加入

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

引入

<link rel="stylesheet" href="//rainbow.twtstudio.com/latest/rainbow.min.css">

注意:此代码会随每次提交重新编译,使用过程中可能会出现 Breaking Change

如需为 IE8 及以下版本保持基本兼容,请加入以下代码

<!--[if lt IE 9]>
  <script src="//rainbow.twtstudio.com/tools/html5shiv.min.js"></script>
  <script src="//rainbow.twtstudio.com/tools/respond.min.js"></script>
<![endif]-->

命名规范

Rainbow Project 依照如下规范编写:

为避免冲突,网站在定义本站样式时,应使用.twt--

样式重定义

Rainbow Project 使用 Normalize.cssReboot.css 进行样式重定义。通常情况下,您无需另行书写代码通一浏览器样式