vscode使用图片所遇到的问题
1、截屏出来的图片放到像素大厨量时发现量出来的像素太大
解决方法一:
设置设计图为2x,这样能把误差降低很多,但跟实际大小还是差了一些,可以自己在微调。如下图所示
解决方法二:
右键图片选择编辑或用画图工具打开,里面设置重新调整大小,调整为你截屏的那个原图片的像素大小就可以,然后用像素大厨打开,注意,这里的设计图还是为1x
2、在vscode中使用img标签配合css设置的盒子大小时出现图片太大
解决方法一:使用第一个问题的解决方法二就可以处理,调整为盒子大小放大缩放。
解决方法二:单个img时直接设置css样式设置img的宽高,多个img时使用类名区分再设置宽高。但这样工作量会很大,最好还是先用编辑调整。文章来源:https://www.toymoban.com/news/detail-687705.html
注意:使用background-position时不要使用1、中的解决方法一,有误差。直接使用原来的1x就行,觉得太大就调整完图片大小再量也行。文章来源地址https://www.toymoban.com/news/detail-687705.html
到了这里,关于vscode和像素大厨使用图片时遇到的问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!