uc 开发 缓存css,使用css3 flex布局在手机uc浏览器中一塌糊涂?
看了一篇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浏览器中一塌糊涂?相关推荐
- CSS3 Flex布局(伸缩布局盒模型)学习
CSS3 Flex布局(伸缩布局盒模型)学习 转自:http://www.xifengxx.com/web-front-end/1408.html CSS2定义了四种布局:块布局.行内布局.表格布局盒 ...
- css 弹性盒子 flex布局
目录 css弹性盒子flex 布局 什么是flex 常见父项属性 概念与案例 主轴与侧轴 flex-direction设置主轴的方向 justify-content 设置主轴上的子元素排列方式 fle ...
- css flex: 2;,css3 flex 布局
今天做一个小实战,需要让一个登录框始终保持水平和垂直居中,第一个想到的就是通过定位(要想让一个div居中,采用定位可以解决,示例), 然后开始接触flex布局,学完感觉真的好用,现把知识点记录一下,以 ...
- css基础精华---Flex 布局教程:实例篇
转载地址:http://www.ruanyifeng.com/blog/2015/07/flex-examples.html http://www.ruanyifeng.com/blog/2015/0 ...
- css3 flex布局九宫格,css3最全flex布局结构整理
一切都始于这样一个问题:怎样通过 CSS 简单而优雅的实现水平.垂直同时居中.记得刚开始学习 CSS 的时候,看到 float 属性不由得感觉眼前一亮,顺理成章的联想到 Word 文档排版中用到的的左 ...
- html flex 文档流,【css笔记】- Flex 布局详细使用记录
寻根溯源话布局 一切都始于这样一个问题:怎样通过 CSS 简单而优雅的实现水平.垂直同时居中.记得刚开始学习 CSS 的时候,看到float属性不由得感觉眼前一亮,顺理成章的联想到 Word 文档排版 ...
- css3 flex 布局
今天做一个小实战,需要让一个登录框始终保持水平和垂直居中,第一个想到的就是通过定位(要想让一个div居中,采用定位可以解决,示例), 然后开始接触flex布局,学完感觉真的好用,现把知识点记录一下,以 ...
- 网页HTML5制作flex布局骰子,css3 flex布局结合transform生成一个3D骰子
1 Flex 布局 首先聊聊Flex 布局,Flex 布局又称"弹性布局",任何容器都可以指定为Flex布局,设置Flex布局会使得子元素的float.clear.vertical ...
- css flex布局 padding,CSS3 flex布局之快速实现BorderLayout布局
学习完flex的布局模式之后,我们趁热打铁,来实现一个BoxLayout布局.什么是BoxLayout布局?那我们先上一个图看看 BoxLayout布局写过后端UI代码的编程者应该不陌生了,写前端的代 ...
最新文章
- 使用硬件定时器软模拟多个定时器(8.15改进版)
- java操作日期的相关工具类,拿去即用
- 学python对数学要求高吗_人工智能的小男孩 大专学历的人没有数学基础想学习python技术未来能往大数据或人工智能方向进行职业发展吗?...
- 材料成形计算机辅助设计,材料成型及计算机辅助设计(综述)
- 嵌入式Linux系统之I.MX6触摸屏驱动程序TSC2007.C的分析、移植与校准
- 使用performance monitor 查看 每一个cpu core的cpu time
- [零基础学JAVA]Java SE面向对象部分-17.面向对象高级(05)
- 强化学习Q-learning简单理解
- 离散度计算公式 python_Python实现熵值法确定权重
- ElementUI修改Dialog的标题样式
- 阿里云天池竞赛-零基础入门CV赛事-Task4 模型训练与验证
- TestCenter测试管理工具功能详解三(H)
- Git和Bitbucket入门之代码上传
- k8s v1.17 新特性预告: 拓扑感知服务路由
- 缓存服务器 MemcachedRedis
- RS422的接终端电阻设计
- 2013一些好的句子
- 通过安装插件: reset-css 初始化浏览器css样式
- 平安科技搞加班时间排名!
- java 透传_透明传输 - javaadu - 博客园
热门文章
- 使用 SqlDataSource 控件查询数据47
- 求两条直线(线段)的交点
- 最正确的为GridView添加删除提示的方法(转)
- 【转】一个基于Ajax的通用(组合)查询(ASP.NET)
- ImportError: No module named ‘numpy‘的解决办法
- 谷歌手机Nexus和Pixel系列研发代号
- Android v1、v2、v3签名原理
- Linux之LIBRARY_PATH与LD_LIBRARY_PATH配置多个目录用法
- Android APK系列4-------Android编译APK后的系统结构
- Win_server_2012如何将“计算机”图标放在桌面