課程
/前端開發
/Sass/Less
/Sass和Compass必備技能之Compass
請問各位大神 ，目前移動前端開發都是rem適配，如何將 生成的 圖片寬高變為對應rem值，可有配置項？？如果沒有的話，總不能每次修改編譯完再修改一次吧。。。
2016-05-16
源自：Sass和Compass必備技能之Compass 8-1
正在回答
//下面這段代碼加到你的sass文件中就可以改寫sprite-dimensions這個函數從而得到rem單位的寬高//html根目錄文字大小我一般設為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)));
qq_獨行者_4 提問者
舉報
結實Compass，通過這個工具來幫助你寫出更優秀的CSS
2 回答compass sprite命令怎么沒有產生sprites文件夾？？？？
1 回答關于@import "compass/reset";報錯的問題
1 回答window下的sprites
1 回答retina-sprites 未定義
1 回答compass sprite
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-05-18
//下面這段代碼加到你的sass文件中就可以改寫sprite-dimensions這個函數從而得到rem單位的寬高
//html根目錄文字大小我一般設為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)));
}