1. 移動端一像素邊框的縮放，我創建了三個文件：mixin.scss ， base.scss，index.scss
在index.scss里面引入全局樣式文件，
在base.scss文件中編寫 根據媒體查詢設置不同的縮放比例，報錯如下：
?
@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio:1.5){
? ?.border-1px{
? ? ? ?&::after{
? ? ? ? ? -webkit-transform:scaleY(0.7)
? ? ? ? ? transform:scaleY(0.7)
? ? ? ?}
? ? }
}@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2){
? ? ?.border-1px{
? ? ? ? &::after{
? ? ? ? ? ? -webkit-transform:scaleY(0.5)
? ? ? ? ? ? transform:scaleY(0.5)
? ? ? ? }
? ? ?}
}
以為是媒體查詢的方式寫的有問題，以上是代碼，查了sass媒體查詢的相關文檔，未找到原因。。。。。。
?
[HMR] bundle has 1 errors
client.js?7955:161 ./~/css-loader?{"minimize":false,"sourceMap":false}!./~/sass-loader/lib/loader.js?{"sourceMap":false}!./src/style/index.scss
Module build failed:
undefined
^
Media query expression must begin with '('
in D:\WTL-studyMaterial\study_notes\mooc\vue_eleme\eleme_rewrite\src\style\index.scss (line 2, column 1)
@ ./src/style/index.scss 4:14-143 13:3-17:5 14:22-151
@ ./src/main.js
@ multi ./build/dev-client ./src/main.js
最后，看到上面標紅的部分，再去看了index.scss文件，
@import "./mixin"
@import "./base"
猜想是不是因為沒寫分行啊；加上分好，未報錯。。。。。。
走彎路原因： ?模塊創建錯，而且報錯信息直指media查詢需要以{開頭，，后來想了想，可能是因為加載的時候由于沒有分好，加載在一起的時候css代碼沒分割導致的。
總之，做事情，不一定只看局部，需要追溯。
?
