文档章节

iPhone6对flex的兼容

dfatxm
 dfatxm
发布于 2017/04/27 17:22
字数 101
阅读 52
收藏 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

没有更多内容

加载失败,请刷新页面

加载更多

下一页

移除或自定义 WordPress 仪表盘欢迎面板

第一次登录 WordPress 后台仪表盘页面,默认都会显示 WordPress 的欢迎面板: 如果我们要移除这个面板,在主题的 functions.php 中添加下面的代码即可: 12 //移除 WordPress 仪表盘欢迎面...

james_laughing
13分钟前
0
0
HashMap实现原理及源码分析

HashMap实现原理及源码分析   哈希表(hash table)也叫散列表,是一种非常重要的数据结构,应用场景及其丰富,许多缓存技术(比如memcached)的核心其实就是在内存中维护一张大的哈希表,...

DemonsI
17分钟前
0
0
eggjs学习笔记

快速初始化 生成项目(要求最低的node版本8.x) npm i egg-init -gegg-init egg-example --type=simplecd egg-examplenpm i 启动项目 npm run dev 配置 环境配置会覆盖默认配置 config...

别人说我名字很长
20分钟前
1
0
Winform Timer控件时间间隔

sender as System.Timers.Timer).Interval = 23 * 60 * 60 * 1000.0;//将时间间隔改为23小时,23小时后重新发生timer_Elapsed事件。 //60000:时间间隔1分钟,300000:时间间隔5分钟,600000:...

笑丶笑
21分钟前
0
0
在win10系统下怎样快速切换任务视图

切换窗口:Alt + Tab 任务视图:Win + Tab (松开键盘界面不会消失) 切换任务视图:Win + Ctrl +左/右 创建新的虚拟桌面:Win + Ctrl + D 关闭当前虚拟桌面:Win + Ctrl + F4...

SummerGao
24分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部