首先是vue配scss.
安裝:
npm install node-sass sass-loader --save
使用:在style標(biāo)簽上
<style lang=scss>注意:只能用sass/scss/css

app{

.box{
div{

}
}
}
</style>

2.移動(dòng)端事件meta標(biāo)簽的使用

 <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>

意思是當(dāng)前設(shè)備屏幕有多寬，那么就按照多寬來(lái)渲染頁(yè)面，這樣就不會(huì)出現(xiàn)需要靠縮小或者左右移動(dòng)來(lái)看完整個(gè)頁(yè)面了。
<meta name="format-detection" content="telephone=no"/>
開(kāi)啟撥打電話(huà)/發(fā)送短信功能
<meta name="format-detection" content="telephone=no,email=no"/>
如果同樣也需要禁止自動(dòng)識(shí)別郵箱，可以在原來(lái)的基礎(chǔ)上增加
WebApp全屏模式
<meta name="apple-mobile-web-app-capable" content="yes"/>
設(shè)置狀態(tài)欄顏色
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
添加到主屏后的圖標(biāo)
<link href="圖片的地址" sizes="114x114" rel="apple-touch-icon-precomposed"/>
添加到主屏后的標(biāo)題
<meta name="apple-mobile-web-app-title" content="標(biāo)題"/>
要是嫌麻煩的話(huà)，直接復(fù)制粘貼下面的到你的主頁(yè)面???
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

<meta name="format-detection" content="telephone=no, email=no" />

<meta name="apple-mobile-web-app-capable" content="yes"/>

<meta name="apple-mobile-web-app-status-bar-style" content="black"/>

<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">

         希望有所幫助，喜歡的話(huà)，點(diǎn)個(gè)贊唄??