文档章节

iPhone6对flex的兼容

dfatxm
 dfatxm
发布于 2017/04/27 17:22
字数 101
阅读 60
收藏 0

因为测试机型有限(iPhone6s,华为,小米note,红米),之前使用弹性盒子flex一直都没有遇到不兼容的问题,今天老板手机iPhone6上面乱了。

目前就只发现6对flex,flex-wrap,justify-content等弹性盒子样式不兼容,需要给样式前面加上-webkit-才行。

.container { ** display: -webkit-flex;** display: flex; } nav { width: 200px; } .flex-column { ** -webkit-flex: 1;** flex: 1; }

© 著作权归作者所有

共有 人打赏支持
dfatxm
粉丝 3
博文 66
码字总数 20630
作品 0
厦门
前端工程师
flex和box、flexbox常见坑

display:box; 是老语法,display:flex;是新语法。flexbox是只有ie10才有的语法,ie11可以用flex。 box支持的浏览器更多,flex旧版本浏览器不支持。 综合写法 仅仅只有5条,注意:没有box也没...

linsk1998
05/16
0
0
【flex&bison翻译】前言

译者注:去年的时候曾经计划翻译本书,后来终于还是抵不过懒惰,给放下了,有句经典的话:现在的努力,是为了小时候吹过的牛逼。现在体会深刻啊。。。本文是在Ubuntu 12.04.1系统下,使用Lib...

MatthewChie
2012/08/25
0
2
还在用浮动吗?CSS flex布局你了解多少?

传统的布局:围绕盒子模型(border、margin、padding) 定位(position)、浮动(float)等。 flex布局又叫弹性布局 , 主要内容包括两大部分有: 容器(父元素)的六个属性和项目(子元素)...

智能机器人蓝梓轩
06/30
0
0
进一步了解flex布局—来实现这些常见布局吧

  flex布局具有便捷、灵活的特点,熟练的运用flex布局能解决大部分布局问题,这里对一些常用布局场景做一些总结。 web页面布局(topbar + main + footbar) 示例代码   要实现的效果如下:...

LT_bear
05/29
0
0
前端知识 | Flexbox布局模式

简要介绍 flex 即 flexible box 弹性布局盒模型,,是2009年 w3c 提出的一种新型布局的属性,引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空...

海说软件
06/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring IOC 之 注册 BeanDefinition

获取 Document 对象后,会根据该对象和 Resource 资源对象调用 registerBeanDefinitions() 方法,开始注册 BeanDefinitions 首先调用 createBeanDefinitionDocumentReader() 方法实例化 Bean...

职业搬砖20年
9分钟前
0
0
Pycahrm左边出现一些bookmark的取消方法

pycharm 左边出一个对号或则一个0,放上去提示Bookmark 取消方法:按F11

鹏灬
12分钟前
0
0
JDK1.8使用Dubbo时需注意

Dubbo自带的很多包都比较旧了,其中的javassist在JDK1.8上运行会报错 而且错误通常比较诡异,javassist是编辑和创建Java字节码的类库,常见的错误会从spring中报出 解决办法: <dependency>...

火龙战士
14分钟前
0
0
Java 对Oracle数据库中的 BLOB类型 插入图片

package test;import java.io.BufferedInputStream;import java.io.FileInputStream;import java.io.PrintStream;import java.sql.Connection;import java.sql.DriverManager;......

青峰Jun19er
17分钟前
0
0
awk复习

10月22日任务 复习 awk调用外部变量 -v参数设置内部变量调用外部变量 [root@test awk]# a=44[root@test awk]# echo "ABCD" | awk -v GET_A=$a '{print GET_A}'44 更复杂的应用: [root@...

robertt15
24分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部