2017-09-05 75 views
0

我發現瞭如何編寫函數轉換像素VW教程:SASS轉換PX至大衆

@function get-vw($target) { 
    $vw-context: (1000*.01) * 1px; 
    @return ($target/$vw-context) * 1vw; 
} 

使用的教程:

.headline { 
    font-size: get-vw(72px); 
} 

但是當我用它喜歡它說明什麼發生 我的瀏覽器返回:

字體大小:獲得大衆(44px); 無效的屬性值

因爲我並不需要學會頂嘴在這一刻,但只需要PX轉化爲大衆有人可以幫助我,使這項工作呢?

+1

你使用Sass來生成你的樣式嗎? – imjared

+0

我使用Statamic框架,它包括sass,因爲所有內容都被寫入.scss文件(sass文件夾)和gulp手錶在後臺運行以生成我的css – Night5talker

+0

WOW找到了解決方案,我有1個文件正在導入我的文件,而我的功能在那裏,但它沒有包括在我的主頁上,所以我想我需要創建單獨的文件functions.scss並像其他文件一樣導入它... – Night5talker

回答

0

你需要做的:在該行的末尾

font-size: get-vw(72px)vw; 

通知的vw單位? get-vw只會返回一個數字,所以你需要添加vw單位。

+0

忘記提及我嘗試過以及有和沒有單位 – Night5talker