摘要：当函数完成前端小白徒手搭博客之路前端小白徒手搭博客之路前言作为一个前端小白，一直以来，样式布局设计灵感都是自己的痛点。 前言 本博客为最最最基本的html静态页面打造而成。 github地址 线上地址 showImg(https://segmentfault.com/img/remote/1460000015336725?w=320&h=320); Github Pages 在git...
摘要：设置在弹性项目上的属性属性定义项目的排列顺序。属性定义了项目的缩小比例，默认为，即如果空间不足，该项目将缩小。属性允许单个项目有与其他项目不一样的对齐方式，可覆盖属性。 兼容浏览器版本 Chrome 21+ Opera 12.1+ Firefox 22+ Safari 6.1+ IE 10+ 浏览器对最新flexbox规范的支持情况： Chrome 29+ Firefox 28+...
引言 前段时间在 github 上看到了一个很trick的项目：用纯 CSS（即不使用 JavaScript）实现一个聊天应用 —— css-only-chat。即下图所示效果。 showImg(https://segmentfault.com/img/remote/1460000019242666?w=1503&h=870); 在我们的印象里，实现一个简单的聊天应用（消息发送与多页面同步）并不困...
摘要：效果预览按下右侧的点击预览按钮可以在当前页面预览，点击链接可以全屏预览。可交互视频此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 showImg(https://segmentfault.com/img/bVbeKgO?w=400&h=300); 效果预览 按下右侧的点击预览按钮可以在当前页面预览，点击链接可以全屏预览。 https://codepen.io/comehop...
摘要：最终统筹一下我们要做的事情让变成和屏幕分辨率一致的宽度根据设备宽度和来指明根元素的值这些操作之后你就可以实现最终的代码了 首先从屏幕开始说起. 屏幕是由一个一个显示单元组成的.1 每一个显示单元都是物理世界真实存在的;2 把一个显示单元的大小称为一个物理像素;3 通常我们所说的 分辨率, 就是指一块屏幕显示单元的个数, 比如750*1334, 表示这块屏幕由 750*1334 个显示单...
