文件名称：responsive-layout:使用手写笔、jeet 和破裂创建响应式布局
文件大小：17KB
文件格式：ZIP
更新时间：2024-07-03 11:48:59
HTML
移动优先开发是您今天听到的一个常见主题。 我使用三个库来预处理 css 来帮助完成这个过程。 它们使响应式网站的运行速度变得相当容易。 - CSS 预处理器。 - 触控笔的灵活比例网格系统。 - 手写笔中的简单媒体查询。 下面是我将使用的示例设计。 有一个侧边栏和一个内容区域。 我决定在 600 像素处设置断点。 一旦浏览器屏幕尺寸低于 600 像素，布局就会改变。 这是当尺寸低于 600 像素时屏幕的显示方式。 我已经堆叠了侧边栏和内容区域。 我还水平而不是垂直显示链接。 我将使用以下手写笔代码来完成上述操作： @import 'jeet' # root center(960px) . sidebar col (1 / 3) background-color : # FFFFCC ul list-style : none li
【文件预览】：
responsive-layout-master
----README.md(2KB)
----css()
--------app.styl(342B)
----.gitignore(42B)
----package.json(375B)
----static()
--------index.html(2KB)
--------images()