CSS3 polyfill
This project is maintained by gucong3000
CSS3 polyfill
专治各种不服,让IE6+、Android 2.3+ 等老旧浏览器对CSS3服服帖帖
注意请web站点环境下使用,本地双击html打开无效
display : inline-block;
require("cssprops");
position: fixed;
require("posfixed");
-webkit-
、-moz-
等) require("prefixfree");
require("jquery"); //可使用的外部选择器有:Nwmatcher、MooTools等,见[原版selectivizr官网](http://www.selectivizr.com/)
require("selectivizr");
require("matchmedia");
if (window.matchMedia("(min-width:480px)").matches) {
//view port至少480px宽度
} else {
//view port比480px宽度小
}
if (window.matchMedia("(max-msie:9)").matches) {
//IE6-9
} else {
//其他浏览器
}
@media screen and (min-width: 960px) {
body{ background: #999; }
}
require("supports");
CSS.supports("display", "flex");
@supports ( display: flexbox ) {
#navigation,
#content {
display: flexbox;
}
}
上面的规则表示,当浏览器支持弹性盒子布局时,括号里的所有样式将会生效
require("document");
@document url(http://www.w3.org/),
url-prefix(http://www.w3.org/Style/),
domain(mozilla.org),
regexp("https:.*")
{
/* 该条CSS规则会应用在下面的网页:
+ URL为"http://www.w3.org/"的页面.
+ 任何URL以"http://www.w3.org/Style/"开头的网页
+ 任何主机名为"mozilla.org"或者主机名以".mozilla.org"结尾的网页
+ 任何URL以"https:"开头的网页 */
/* make the above-mentioned pages really ugly */
body { color: purple; background: yellow; }
}
require("cssunits");
require("placeholder");