關(guān)于compass sprites 將px轉(zhuǎn)化為rem值
請(qǐng)問(wèn)各位大神 ，目前移動(dòng)前端開(kāi)發(fā)都是rem適配，如何將 生成的 圖片寬高變?yōu)閷?duì)應(yīng)rem值，可有配置項(xiàng)？？如果沒(méi)有的話，總不能每次修改編譯完再修改一次吧。。。
請(qǐng)問(wèn)各位大神 ，目前移動(dòng)前端開(kāi)發(fā)都是rem適配，如何將 生成的 圖片寬高變?yōu)閷?duì)應(yīng)rem值，可有配置項(xiàng)？？如果沒(méi)有的話，總不能每次修改編譯完再修改一次吧。。。
2016-05-16
舉報(bào)
2016-05-18
//下面這段代碼加到你的sass文件中就可以改寫(xiě)sprite-dimensions這個(gè)函數(shù)從而得到rem單位的寬高
//html根目錄文字大小我一般設(shè)為10px
$htmlFontSize: 10px;
html{
font-size: $htmlFontSize;
}
@function strip-unit($number){
????@return $number / ($number*0 +1);
}
@function add-rem-unit($number){
???? $htmlfs: strip-unit($htmlFontSize);
???? $num: strip-unit($number);
???? @return ?($num / $htmlfs)* 1rem;
}
@mixin sprite-dimensions($map, $sprite) {
????? height: add-rem-unit(image-height(sprite-file($map, $sprite)));
????? width: add-rem-unit(image-width(sprite-file($map, $sprite)));
}