SCSS是基于CSS的一種預處理器，可以更方便地管理和編寫樣式，提高代碼的可維護性。但在瀏覽器中渲染頁面時，需要將SCSS編譯為CSS，才能實現樣式的展示。接下來我們將介紹如何將SCSS轉換為CSS。

首先，我們需要安裝SCSS的編譯工具。常見的有sass、less等，這里以sass為例進行介紹。我們可以通過npm安裝sass：

npm install -g sass

安裝完成后，在命令行中進入到需要轉換的SCSS文件所在目錄，執行以下命令：

sass input.scss output.css

其中input.scss為要轉換的SCSS文件，output.css為輸出的CSS文件。如果想實時監測SCSS文件的變化并自動轉換為CSS，可以加上--watch選項：

sass --watch input.scss:output.css

這樣，每當input.scss文件有修改時，sass就會自動將其轉換為output.css。

值得注意的是，在SCSS中使用了一些高級的語法特性，比如嵌套、變量、混合等。這些特性在編譯為CSS時，并不是所有的瀏覽器都支持。為了兼容性考慮，我們可以添加一些autoprefixer等前綴自動添加工具來增加代碼的兼容性：

npm install -g postcss-cli autoprefixer

安裝完后，在命令行中執行以下命令：

postcss -–use autoprefixer -–autoprefixer.browsers 'last 2 versions' -–output output.css input.css

其中last 2 versions指的是當前瀏覽器支持的最新的兩個版本。

完成以上步驟后，我們就可以將SCSS轉換為CSS，并且加入一些兼容性處理，使得代碼更加健壯。