vscode使用圖片所遇到的問題

1、截屏出來的圖片放到像素大廚量時發現量出來的像素太大

解決方法一：

設置設計圖為2x，這樣能把誤差降低很多，但跟實際大小還是差了一些，可以自己在微調。如下圖所示

解決方法二：

右鍵圖片選擇編輯或用畫圖工具打開，裡面設置重新調整大小，調整為你截屏的那個原圖片的像素大小就可以，然後用像素大廚打開，註意，這裡的設計圖還是為1x

2、在vscode中使用img標簽配合css設置的盒子大小時出現圖片太大

解決方法一：使用第一個問題的解決方法二就可以處理，調整為盒子大小放大縮放。
解決方法二：單個img時直接設置css樣式設置img的寬高，多個img時使用類名區分再設置寬高。但這樣工作量會很大，最好還是先用編輯調整。