通过前缀兼容浏览器的属性一定要连在一起写才能正常么?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

通过前缀兼容浏览器的属性一定要连在一起写才能正常么?

2016-03-25 16:37:42 1678 1

抱歉时间..先不放 Demo.. 先描述一下我遇到的问题:
我有一段 CSS 代码, 是这样的:

.it-is-flex {
  display: -webkit-flex;
  -webkit-flex-direction: row;

  display: -ms-flexbox;
  -ms-flex-direction: row;

  display: flex;
  flex-direction: row;
}

这个在 OS X 的 Safari, Firefox, Chrome 都能正常跑的.
但是我跟其他的代码放在一起 cssmin 以后, 发现不生效了.
三个浏览器都能识别到属性, 显示在 Devtools, 但是就是不生效.
我回去看没有 cssmin 的版本, 依然很正常,,,

搞了好久好久, 按网上 Opera 文档某个例子改了一下顺序, 结果 cssmin 就正常了...

.it-is-flex {  
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;

  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

难以理解... 有同学遇到过或者知道原因的么?

添加一个测试:

两个 CSS 文件内容一样, 顺序不一样, 都通过 cleancss by-p.css 命令压缩:

取消 提交回答
全部回答(1)
  • a123456678
    2019-07-17 19:14:40

    首先,肯定是不需要连在一起写才能正常的。
    所以最值得怀疑的就是楼主用的CSS压缩工具。
    我帮你看了下,失败的那个文件,#box的display属性被你用的压缩工具删掉了两个,只剩下了display:-ms-flexbox。

    0 0
相关问答

19

回答

【分享】如何提高网站的打开速度?

enj0y 2012-11-17 14:35:22 57677浏览量 回答数 19

11

回答

iphone设置阿里云邮箱的步骤

minioba 2013-04-24 22:04:37 103812浏览量 回答数 11

38

回答

【hi聊】2019年终回顾:程序员这些年经历最大的变化

问问小秘 2019-12-16 16:46:59 57763浏览量 回答数 38

28

回答

钉钉开放平台“常见问题常见问题常见问题“重要请关注

竹梅 2015-12-03 00:39:14 95847浏览量 回答数 28

43

回答

什么是云主机,云服务器与vps有什么区别?

zhuangdengyun 2011-11-01 04:21:50 51020浏览量 回答数 43

31

回答

[@倚贤][¥20]刚学完html/css/js的新手学习servlet、jsp需要注意哪些问题?

弗洛伊德6 2018-10-27 21:52:43 147411浏览量 回答数 31

58

回答

技术入门问答集锦,涉及多种技术方向,解决新人学习困惑

管理贝贝 2016-08-03 10:13:27 53476浏览量 回答数 58

251

回答

阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本

云代维 2014-02-14 15:26:06 309114浏览量 回答数 251

13

回答

【云服务器分享】如何节省网站流量

dreamdoo 2012-10-15 10:36:09 81405浏览量 回答数 13

31

回答

OSS for PHPWIND 8.7 [20121127更新]

enj0y 2012-09-10 15:48:13 55879浏览量 回答数 31
+关注
0
文章
14879
问答
问答排行榜
最热
最新
相关电子书
更多
OceanBase 入门到实战教程
立即下载
阿里云图数据库GDB,加速开启“图智”未来.ppt
立即下载
实时数仓Hologres技术实战一本通2.0版(下)
立即下载