以梦为马，不负韶华。

导航

随笔分类 -  响应式布局

响应式布局-media
摘要：一、@media 响应式布局（媒体查询） 什么是响应式布局：一套代码实现多种设备访问一致性（pc、平板、手机） 优点：一直保持一个url，一套代码 缺点：游览器支持程度（IE8及以下不兼容） 二、@media 使用 语法格式1：@media only screen and (max-width:70 阅读全文

posted @ 2020-07-02 11:37 小冉哥、 阅读(173) 评论(0) 推荐(0)

弹性盒布局-圣杯布局
摘要：<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-07-02 09:39 小冉哥、 阅读(217) 评论(0) 推荐(0)

弹性盒布局-direction-wrap-flow
摘要：一、弹性盒布局 简易来讲就是可以伸缩的盒子 优势：写起来比较简单 使用灵活且代码简洁 缺点：不兼容IE和安卓低级版本 二、使用 容器 （父元素） display:flex 让容器成员是弹性的项目 flex-direction 决定主轴是什么方向（项目排序方向） 1、row 横向排列 2、column 阅读全文

posted @ 2020-06-29 18:46 小冉哥、 阅读(231) 评论(0) 推荐(0)