看了一篇flex的文章如获至宝,然后运用到项目中。

测试的时候别人的的手机都没有问题,但我手机用uc打开之后布局就没有起作用,不知是uc不支持

display:flex吗?那打击也太大了,代码如下

ul{

display: flex;

display: -webkit-flex;

width: 97.5%;

margin: 12px auto 0;

flex-wrap: wrap;

-webkit-flex-wrap: wrap;

justify-content: space-between;

-webkit-justify-content: space-between;

}

li{

width: 49%;

position: relative;

margin-bottom: 7px;

}

还有这个是嵌套的flex布局

div{

width: 97%;

margin: 15px auto;

display: flex;

display: -webkit-flex;

}

div p{

font-size: 1.8rem;

color: #fff;

padding: 12px 8px;

background-color: #0e67ba;

}

div ul{

display: flex;

flex-grow: 1;

-webkit-flex-grow: 1;

background-color: #e0e0e0;

}

div ul li{

width: 25%;

font-size: 1.4rem;

color: #000;

text-align: center;

}

请大家帮忙看看?

uc 开发 缓存css,使用css3 flex布局在手机uc浏览器中一塌糊涂?相关推荐

  1. CSS3 Flex布局(伸缩布局盒模型)学习

    CSS3 Flex布局(伸缩布局盒模型)学习 转自:http://www.xifengxx.com/web-front-end/1408.html CSS2定义了四种布局:块布局.行内布局.表格布局盒 ...

  2. css 弹性盒子 flex布局

    目录 css弹性盒子flex 布局 什么是flex 常见父项属性 概念与案例 主轴与侧轴 flex-direction设置主轴的方向 justify-content 设置主轴上的子元素排列方式 fle ...

  3. css flex: 2;,css3 flex 布局

    今天做一个小实战,需要让一个登录框始终保持水平和垂直居中,第一个想到的就是通过定位(要想让一个div居中,采用定位可以解决,示例), 然后开始接触flex布局,学完感觉真的好用,现把知识点记录一下,以 ...

  4. css基础精华---Flex 布局教程:实例篇

    转载地址:http://www.ruanyifeng.com/blog/2015/07/flex-examples.html http://www.ruanyifeng.com/blog/2015/0 ...

  5. css3 flex布局九宫格,css3最全flex布局结构整理

    一切都始于这样一个问题:怎样通过 CSS 简单而优雅的实现水平.垂直同时居中.记得刚开始学习 CSS 的时候,看到 float 属性不由得感觉眼前一亮,顺理成章的联想到 Word 文档排版中用到的的左 ...

  6. html flex 文档流,【css笔记】- Flex 布局详细使用记录

    寻根溯源话布局 一切都始于这样一个问题:怎样通过 CSS 简单而优雅的实现水平.垂直同时居中.记得刚开始学习 CSS 的时候,看到float属性不由得感觉眼前一亮,顺理成章的联想到 Word 文档排版 ...

  7. css3 flex 布局

    今天做一个小实战,需要让一个登录框始终保持水平和垂直居中,第一个想到的就是通过定位(要想让一个div居中,采用定位可以解决,示例), 然后开始接触flex布局,学完感觉真的好用,现把知识点记录一下,以 ...

  8. 网页HTML5制作flex布局骰子,css3 flex布局结合transform生成一个3D骰子

    1 Flex 布局 首先聊聊Flex 布局,Flex 布局又称"弹性布局",任何容器都可以指定为Flex布局,设置Flex布局会使得子元素的float.clear.vertical ...

  9. css flex布局 padding,CSS3 flex布局之快速实现BorderLayout布局

    学习完flex的布局模式之后,我们趁热打铁,来实现一个BoxLayout布局.什么是BoxLayout布局?那我们先上一个图看看 BoxLayout布局写过后端UI代码的编程者应该不陌生了,写前端的代 ...

最新文章

  1. 使用硬件定时器软模拟多个定时器(8.15改进版)
  2. java操作日期的相关工具类,拿去即用
  3. 学python对数学要求高吗_人工智能的小男孩 大专学历的人没有数学基础想学习python技术未来能往大数据或人工智能方向进行职业发展吗?...
  4. 材料成形计算机辅助设计,材料成型及计算机辅助设计(综述)
  5. 嵌入式Linux系统之I.MX6触摸屏驱动程序TSC2007.C的分析、移植与校准
  6. 使用performance monitor 查看 每一个cpu core的cpu time
  7. [零基础学JAVA]Java SE面向对象部分-17.面向对象高级(05)
  8. 强化学习Q-learning简单理解
  9. 离散度计算公式 python_Python实现熵值法确定权重
  10. ElementUI修改Dialog的标题样式
  11. 阿里云天池竞赛-零基础入门CV赛事-Task4 模型训练与验证
  12. TestCenter测试管理工具功能详解三(H)
  13. Git和Bitbucket入门之代码上传
  14. k8s v1.17 新特性预告: 拓扑感知服务路由
  15. 缓存服务器 MemcachedRedis
  16. RS422的接终端电阻设计
  17. 2013一些好的句子
  18. 通过安装插件: reset-css 初始化浏览器css样式
  19. 平安科技搞加班时间排名!
  20. java 透传_透明传输 - javaadu - 博客园

热门文章

  1. 使用 SqlDataSource 控件查询数据47
  2. 求两条直线(线段)的交点
  3. 最正确的为GridView添加删除提示的方法(转)
  4. 【转】一个基于Ajax的通用(组合)查询(ASP.NET)
  5. ImportError: No module named ‘numpy‘的解决办法
  6. 谷歌手机Nexus和Pixel系列研发代号
  7. Android v1、v2、v3签名原理
  8. Linux之LIBRARY_PATH与LD_LIBRARY_PATH配置多个目录用法
  9. Android APK系列4-------Android编译APK后的系统结构
  10. Win_server_2012如何将“计算机”图标放在桌面