【原】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/

【原】YUI压缩与CSS media queries下的bug相关推荐

CSS media queries
最近在做一些页面打印时的特殊处理接触到了media queries,想系统学习一下,在MOZILLA DEVELOPER NETWORK看到一篇文章讲的很不错,结合自己的使用总结一下. CSS2/me ...
实践 HTML5 的 CSS3 Media Queries
先来介绍下 media,确切的说应该是 CSS media queries(CSS 媒体查询),媒体查询包含了一个媒体类型和至少一个使用如宽度.高度和颜色等媒体属性来限制样式表范围的表达式.CSS3 ...
CSS3 Media Queries 实现网页自适应
文章转载自:爱思资源网http://www.aseoe.com/show-10-261-1.html 导语接下来会展示如何运用 HTML5 和 CSS3 来设计一个自适应网页.当今银屏分辨率从 32 ...
定义css设备类型-Media Queries图表简介及使用方法
移动时代是任何网页设计师和开发者不可忽略的一个时代,现在我设计的页面有时会在电脑大屏幕上或者移动小屏幕上显示.如何让同一个网站同时适应完全不同尺寸的屏幕,CSS3完美地解决了这些问题.在CSS2.1版 ...
CSS之Responsive设计和CSS3 Media Queries的结合
随着高科技的发展,现在我们浏览网页不在局限于PC机上了,用户可使用上网的设备是越来越多的品种:手机.小笔记本.iPad.Playbook,以及PC机,而且PC机的显展大小各不一致.这样一来不同的屏幕分 ...
CSS之不使用Media Queries的自适应CSS
虽然标题说不用Media Queries,但我还是要在开头讲清楚,本文并不是要大家丢掉Media Queries,也不是要抨击Media Queries.Media Queries实际上非常有用,我在 ...
Asp.Net使用Yahoo.Yui.Compressor.dll压缩Js|Css
网上压缩css和js工具很多,但在我们的系统中总有特殊的地方.也许你会觉得用第三方的压缩工具很麻烦.我就遇到了这样问题,我不想在本地压缩,只想更新到服务器上去压缩,服务器压缩也不用备份之类的操作.于是 ...
css compressor java_利用YUI Compressor压缩JS/CSS之终极秘籍
JS/CSS的压缩已经不是什么新鲜话题了,自打YSlow推出后,这方面的优化话题是铺天盖地啊:不过当时作为后知后觉的我,甚至都没法完整地写出一份漂亮的JS/CSS的代码,何尝会去注意呢?! 时至今日, ...
CSS：媒体查询 CSS3 Media Queries
定义和使用使用 @media 查询,你可以针对不同的媒体类型定义不同的样式. @media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的. ...

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

【原】YUI压缩与CSS media queries下的bug相关推荐

最新文章

热门文章