欢迎来到3672js教程,我们关注js教程、js框架、js代码特效等。

vscode和像素大厨使用图片时遇到的问题,如下图所示解决方法二

3672Js.Com2023-09-02 00:06 来源:未知 阅读:7666 关注度2

vscode和像素大厨使用图片时遇到的问题,如下图所示解决方法二


vscode使用图片所遇到的问题

1、截屏出来的图片放到像素大厨量时发现量出来的像素太大

解决方法一:

设置设计图为2x,这样能把误差降低很多,但跟实际大小还是差了一些,可以自己在微调。如下图所示

解决方法二:

右键图片选择编辑或用画图工具打开,里面设置重新调整大小,调整为你截屏的那个原图片的像素大小就可以,然后用像素大厨打开,注意,这里的设计图还是为1x

2、在vscode中使用img标签配合css设置的盒子大小时出现图片太大

解决方法一:使用第一个问题的解决方法二就可以处理,调整为盒子大小放大缩放。
解决方法二:单个img时直接设置css样式设置img的宽高,多个img时使用类名区分再设置宽高。但这样工作量会很大,最好还是先用编辑调整。

本站文章为3672js教程网友分享投稿,版权归原作者,欢迎任何形式的转载,但请务必注明出处。同时文章内容如有侵犯了您的权益,请联系我们处理。
评论已被关闭
{dede:include filename="foot.htm"/}