首页 > 其他分享 >vscode和像素大厨使用图片时遇到的问题

vscode和像素大厨使用图片时遇到的问题

时间:2023-09-01 14:48:48浏览次数:125  
标签:vscode 设计图 像素 截屏 大厨 图片

vscode使用图片所遇到的问题

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

解决方法一:

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

屏幕截图 2023-09-01 135647

解决方法二:

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

image-20230901140555362

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

解决方法:使用第一个问题的解决方法二就可以处理,调整为盒子大小放大缩放。

标签:vscode,设计图,像素,截屏,大厨,图片
From: https://www.cnblogs.com/ke-xi/p/17671778.html

相关文章

  • VSCODE 关闭 go 的test缓存
    Ctrl+,进入设置,搜索gotestFlags点击Editinsettings.json在内添加"-count=1"......
  • vscode 自动转换rem插件
    使用vsCode中的插件安装插件cssrem然后打开文件–>首选项–>设置搜索cssrem 修改rem的基准值然后重启vscode就可以直接使用上面的基准值需要我们根据屏幕的大小去计算比如我们拿到是1920分辨率屏幕的设计稿那么基准值就等于1920/100=19.20px也就是说1rem=19.20px......
  • 修改vscode的Code Runner插件的快捷键
    您可以在VisualStudioCode中通过以下步骤来修改CodeRunner插件的快捷键:打开设置(File>Preferences>Settings或者按下Ctrl+,)在搜索框中输入"keyboardshortcuts"在搜索结果中找到"EditKeyboardShortcuts"选项在弹出的窗口中,搜索"CodeRunner:RunCode"在对......
  • Vscode如何如何显示vue代码提示
    Vscode使用版本 下载这个插件 ......
  • 解决VSCode下载速度慢
    1.打开vscode官网浏览器搜索:vscodedownload或打开该网站https://code.visualstudio.com/Download/2.选中系统对应的版本 3.复制下载链接地址 4.修改链接地址将复制后的链接地址的域名(上图https后面框起来的那块)修改为 vscode.cdn.azure.cn最后变成类似:https......
  • VSCode下载慢问题解决
    1.打开vscode官网浏览器搜索:vscodedownload或打开该网站https://code.visualstudio.com/Download/2.选中系统对应的版本 3.复制下载链接地址 4.修改链接地址将复制后的链接地址的域名(上图https后面框起来的那块)修改为 vscode.cdn.azure.cn最后变成类似:https......
  • vscode powershell中文乱码问题
    1.powershell设置1)新建如下文件:C:\Users\用户名\Documents\WindowsPowerShell\Microsoft.PowerShell_profile.ps12)在文件中加入如下脚本$OutputEncoding=[console]::InputEncoding=[console]::OutputEncoding=New-ObjectSystem.Text.UTF8Encoding......
  • VSCode中配置Python运行环境
    1首先需要下载相应的包可以在官网中分别下载python和anaconda的安装包,按照步骤进行下载安装即可。python安装成功的标志为cmd中输入python可以进入python的运行环境。anaconda安装成功的标志为打开anacondaprompt可以输入“condalist”来查看目前已经集成的库。2在VSCode中下载......
  • cocos creator使用用vscode调试
    1.vscode安装 JavaScriptDebugger(Nightly)2.修改launch.json里面端口的值端口号是cocoscreator运行打开网页的端口号,vscodelaunch.json修改好后,保存,按F5就要吧启动调试了,原typescript文件里面打断点,可以到达......
  • 用vscode运行python
    0下载好vscode和python1下载python插件选择python解释器F1或ctrl+shift+P打开命令栏输入Python:SelectInterpreter选择我们下载好的解释器3新建一个python文件打开我们的文件夹,然后新建.py文件写入代码运行python代码就好了......