【原】YUI压缩与CSS media queries下的bug

简介:

大概是上个月,使用YUI压缩一个css文件后,发现只要是被压缩后的css文件有部分根本无法工作,一直都不知啥问题引起的,让我感到头疼。

今天发现了只要是在媒体查询中的样式无法起作用,于是才开始怀疑是media被压缩后引起的bug,对YUI压缩不得不产生成疑问

后来谷歌了:

果然是YUI引起的bug:

上面的图片解释为:如果电脑的YUI compressor还是旧的版本,压缩中,YUI compressor将media中的and后面重要的空格给删除了,导致media queries失效。

后来我查看了电脑的YUI版本,我擦,居然是2009年8月份,严重out了- - 亲!要与时俱进啊!

下载个最新版本后终于解决问题啦/(ㄒoㄒ)/~~

下载地址:https://github.com/yui/yuicompressor/releases

想要更快更简单的压缩办法吗?

直接在线压缩:http://ganquan.info/yui/?hl=zh-CN

 

参考文章:

http://www.456bereastreet.com/archive/201012/yui_compressor_and_css_media_queries/

 

作者:白树

出处:http://peunzhang.cnblogs.com/

目录
相关文章
|
Web App开发 前端开发 开发者
|
5月前
|
前端开发
【UI】 elementui的dialog弹窗打开时CSS的BUG | 滚动条消失bug
【UI】 elementui的dialog弹窗打开时CSS的BUG | 滚动条消失bug
201 0
|
5月前
|
Web App开发 前端开发 JavaScript
CSS 媒体查询 @media【详解】
CSS 媒体查询 @media【详解】
163 0
|
6月前
|
存储 前端开发 JavaScript
详细解读CSS的压缩方法与解压
详细解读CSS的压缩方法与解压
46 0
|
6月前
|
存储 前端开发 JavaScript
详细解读CSS的压缩方法与解压
详细解读CSS的压缩方法与解压
56 0
|
6月前
|
移动开发 JavaScript 前端开发
rem的适配方案,css文件和js文件的引入方式,特色小边框的制作,DS-Digital.ttf数字展示屏的使用方法:,自适应图片 background-size,jQuery爆bug,a和盒子居中,
rem的适配方案,css文件和js文件的引入方式,特色小边框的制作,DS-Digital.ttf数字展示屏的使用方法:,自适应图片 background-size,jQuery爆bug,a和盒子居中,
|
7月前
|
缓存 前端开发 IDE
【专栏:工具与技巧篇】HTML与CSS代码压缩与合并
【4月更文挑战第30天】本文探讨了优化Web性能的关键——HTML和CSS代码压缩与合并。代码压缩通过移除空白字符、注释和缩短标识符减小文件大小,而代码合并则减少HTTP请求。开发者可借助在线工具、构建工具插件、编辑器扩展或手动方式实现压缩和合并。最佳实践中,应保留未压缩备份,测试压缩效果,利用缓存并自动化流程。同时,注意适度优化,避免影响首屏渲染速度。关注新工具和策略以维持网站性能和可维护性。
226 3
|
7月前
|
编解码 前端开发 容器
CSS语言的@media查询
CSS语言的@media查询
|
7月前
|
编解码 前端开发 信息无障碍
CSS媒体查询(@media)全面解析
CSS媒体查询(@media)全面解析
94 1
|
编解码 前端开发 信息无障碍
CSS媒体查询(@media)全面解析
CSS媒体查询(@media)全面解析
128 1