在 0.12.x 版本的 Compass 中,我定义了对老歌的支持:
@import "compass/support"
$legacy-support-for-ie6: false;
$legacy-support-for-ie7: true;
$legacy-support-for-ie8: true;
$legacy-support-for-mozilla: false;
@if ($legacy-support-for-ie7) {
// specific declaration if ie7 is supported
}
我想知道我应该如何定义 browser support关注 Compass 1.x system .
也许是这样的:
// Add support for a specific browser
$browser-minimum-versions: (
'ie': "7",
'ie': "8"
);
// Reject browsers
$supported-browsers: reject(browser-versions("ie"), "6", "7", "8");
但它返回该错误(在 Compass 1.0.1 上运行):
(Line 206 of /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/_support.scss: 5.5 is not known browser.)
最佳答案
排除浏览器是通过修改 $graceful-usage-threshold
来完成的多变的。如果浏览器 X 只有 4.99% 的市场份额,您希望将其设置为 5
.
$debug-browser-support: true;
$browser-minimum-versions: (
"ie": "9"
);
$graceful-usage-threshold: 4.46163;
@import "compass";
.foo {
@include opacity(.5);
@include border-radius(10px);
}
输出:
.foo {
/* Content for ie 8 omitted.
Minimum support is 9. */
opacity: 0.5;
/* Capability border-radius is not prefixed with -moz because 0.25036% of users are affected which is less than the threshold of 4.46163. */
/* Capability border-radius is not prefixed with -ms because 0% of users are affected which is less than the threshold of 4.46163. */
/* Capability border-radius is not prefixed with -o because 0% of users are affected which is less than the threshold of 4.46163. */
/* Capability border-radius is not prefixed with -webkit because 0.1583% of users are affected which is less than the threshold of 4.46163. */
border-radius: 10px;
}
请注意,这会导致您可能希望支持的其他少数浏览器被排除在外。那时
$browser-minimum-versions
发挥作用。$browser-minimum-versions: (
"ie": "9",
"safari": "4"
);
输出:
.foo {
/* Content for ie 8 omitted.
Minimum support is 9. */
opacity: 0.5;
/* Capability border-radius is not prefixed with -moz because 0.25036% of users are affected which is less than the threshold of 4.46163. */
/* Capability border-radius is not prefixed with -ms because 0% of users are affected which is less than the threshold of 4.46163. */
/* Capability border-radius is not prefixed with -o because 0% of users are affected which is less than the threshold of 4.46163. */
/* Capability border-radius is prefixed with -webkit because safari "4" is required. */
/* Creating new -webkit context. */
-webkit-border-radius: 10px;
border-radius: 10px;
}
作品中有一些变化,可以更轻松地排除旧浏览器。你可以在这里关注他们:https://github.com/Compass/compass/issues/1762
如果要为特定浏览器制定规则,则
$critical-usage-threshold
变量发挥作用:$debug-browser-support: true;
$browser-minimum-versions: (
"ie": "9"
);
$critical-usage-threshold: 4.46163;
$graceful-usage-threshold: 4.46163;
@import "compass";
.foo {
@include for-legacy-browser('ie', '8') {
color: green;
// this is based on $critical-usage-threshold by default
// if $critical-usage-threshold is lower than the version's usage
// then this content will be generated
}
@if support-legacy-browser('ie', '8') {
color: red;
}
}
关于sass - 配置 compass 浏览器支持( compass 1.x 语法),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25863370/