responsive-layout:使用手写笔、jeet 和破裂创建响应式布局

移动优先开发是您今天听到的一个常见主题。 我使用三个库来预处理 css 来帮助完成这个过程。 它们使响应式网站的运行速度变得相当容易。 - CSS 预处理器。 - 触控笔的灵活比例网格系统。 - 手写笔中的简单媒体查询。 下面是我将使用的示例设计。 有一个侧边栏和一个内容区域。 我决定在 600 像素处设置断点。 一旦浏览器屏幕尺寸低于 600 像素，布局就会改变。 这是当尺寸低于 600 像素时屏幕的显示方式。 我已经堆叠了侧边栏和内容区域。 我还水平而不是垂直显示链接。 我将使用以下手写笔代码来完成上述操作： @import 'jeet' # root center(960px) . sidebar col (1 / 3) background-color : # FFFFCC ul list-style : none li