VSCode 怎样利用快捷键快速切换代码缩进风格 VSCode 快速切换缩进风格的快捷键创意用法​

vscode切换代码缩进风格最直接的方式是使用命令面板(ctrl+shift+p)执行“convert indentation to spaces”或“convert indentation to tabs”命令,并通过“set indentation”设置缩进大小;1. 使用shift+alt+f可按当前规则格式化文档;2. 通过命令面板可转换缩进类型、设置缩进大小、检测缩进风格;3. 推荐将常用命令绑定自定义快捷键以提升效率;4. 统一现有代码缩进需结合状态栏查看、detect indentation命令、.editorconfig文件配置及prettier等格式化工具;5. 团队协作中应优先使用.editorconfig文件定义规则,结合prettier/eslint等工具实现保存时自动格式化,并通过git hooks和ci/cd流程强制执行,避免和解决因缩进不一致导致的合并冲突。

VSCode 怎样利用快捷键快速切换代码缩进风格 VSCode 快速切换缩进风格的快捷键创意用法​

VSCode 切换代码缩进风格,最直接的方式是利用其内置的格式化功能,结合命令面板和自定义快捷键。

Shift + Alt + F

可以对整个文档进行格式化,它会遵循当前工作区或用户设置的缩进规则。但若要更灵活地在不同缩进类型(空格 vs. 制表符)和大小之间切换,核心在于利用

Ctrl + Shift + P

调出命令面板,然后搜索并执行相关命令,例如 “Convert Indentation to Spaces” 或 “Set Indentation”。将这些常用操作绑定到自定义快捷键,能极大提升效率,实现真正的“快速切换”和“创意用法”。

解决方案

VSCode 提供了多种途径来管理和切换代码缩进风格,这背后其实是几个核心命令和设置项的组合。

首先,最直接的“一键”格式化是

Shift + Alt + F

(Windows/Linux) 或

Shift + Option + F

(macOS)。这个快捷键会根据当前文件的语言特性和你的 VSCode 设置(或

.editorconfig

文件)来自动格式化代码,包括缩进。但它只是“应用”现有规则,并非“切换”规则。

要真正切换,你需要深入到具体的缩进控制命令:

转换缩进类型:

打开命令面板 (

Ctrl + Shift + P

Cmd + Shift + P

)。输入

Convert Indentation to Spaces

(将当前文件所有制表符转换为对应数量的空格)。输入

Convert Indentation to Tabs

(将当前文件所有空格转换为制表符)。这两个命令非常实用,尤其当你从一个制表符风格的项目切换到空格风格的项目时。

设置缩进大小:

打开命令面板。输入

Set Indentation

。这会弹出一个快速选择框,你可以直接输入数字(如

2

4

)来设置当前文件的缩进大小(即一个制表符代表多少空格,或每级缩进使用多少空格)。这个命令比手动去

settings.json

editor.tabSize

要快得多。

自动检测缩进:

打开命令面板。输入

Detect Indentation from Content

。这个命令会尝试分析当前文件的内容,自动识别它是使用空格还是制表符,以及缩进大小。这对于处理外部代码或遗留项目非常有用,可以避免手动猜测。

创意用法:自定义快捷键

这些命令本身就很强大,但每次都通过命令面板输入,效率还是不够高。真正的“创意用法”在于将这些常用命令绑定到你顺手的快捷键上。

进入“键盘快捷方式”设置 (

Ctrl + K Ctrl + S

Cmd + K Cmd + S

)。在搜索框中输入上述命令的名称,例如

convert indentation

Set Indentation

。为它们分配你觉得方便的组合键。比如,你可以设置

Alt + S

Editor: Convert Indentation to Spaces

Alt + T

Editor: Convert Indentation to Tabs

。对于设置缩进大小,你可以考虑绑定

Alt + 2

Editor: Set Indentation

,然后快速输入

2

;或者更直接地,如果你经常在 2 和 4 之间切换,可以考虑一些扩展,或者通过宏命令(例如 “Multi Command” 扩展)将“转换为 2 个空格”和“转换为 4 个空格”绑定到单独的快捷键。不过,直接绑定

Set Indentation

已经足够快了。

通过这种方式,你就能真正实现秒级切换,而不是在设置文件里摸索。

如何快速检测并统一现有代码文件的缩进风格?

在处理大量现有代码,特别是来自不同来源或历史悠久的项目时,统一缩进风格是个常见又让人头疼的问题。我们常常发现文件里混杂着两格、四格空格,甚至还有制表符,这不仅影响代码美观,也可能在版本控制中造成不必要的冲突。

VSCode 在底部状态栏其实就提供了一个快速查看当前文件缩进状态的入口。你通常会看到类似 “Spaces: 4” 或 “Tabs: 2” 的字样。点击它,就能弹出一个菜单,允许你快速切换“使用空格缩进”或“使用制表符缩进”,并设置缩进的大小。这是最直观的检测和初步调整方式。

更深层次的统一,特别是针对整个项目,通常需要结合 VSCode 的内置功能和一些最佳实践。

利用

Editor: Detect Indentation from Content

命令:这个命令(通过

Ctrl + Shift + P

搜索)能够智能分析当前文件的内容,自动识别其是使用空格还是制表符进行缩进,以及具体的缩进大小。对于单个文件,这是一个快速了解其“原生”缩进风格的好方法。但它只是检测,并不会自动统一。

全局格式化与配置:当检测到缩进风格后,最直接的统一方式就是使用

Shift + Alt + F

进行文档格式化。要确保格式化能按照你期望的风格进行,你需要检查 VSCode 的用户设置和工作区设置。

settings.json

中,你可以配置:

"editor.insertSpaces": true

(使用空格缩进) 或

false

(使用制表符缩进)

"editor.tabSize": 4

(设置缩进大小为 4)

"editor.detectIndentation": true

(是否自动检测缩进,通常建议开启,但在需要强制统一时,可以暂时关闭并手动设置

insertSpaces

tabSize

)如果你的项目有自己的

.vscode

文件夹,可以在其中创建

settings.json

来定义工作区特定的缩进规则,这会覆盖你的用户设置。

批处理与自动化:对于整个代码库的统一,手动一个文件一个文件地操作显然不现实。

.editorconfig

文件: 这是最推荐的团队协作和项目统一缩进风格的方式。在项目根目录放置一个

.editorconfig

文件,其中定义了

indent_style

(space/tab) 和

indent_size

等规则。VSCode 配合 EditorConfig 插件(通常已内置或推荐安装)会自动读取这些规则并应用到相应文件。这不仅统一了 VSCode 用户的风格,也兼容其他支持

.editorconfig

的编辑器和 IDE。代码格式化工具: 结合 Prettier (前端), Black (Python), gofmt (Go) 等专业的代码格式化工具。这些工具可以在保存时自动格式化,或者通过命令行对整个项目进行批处理。你可以将它们集成到 VSCode 的“保存时格式化”功能中 (

"editor.formatOnSave": true

)。Git Hooks: 更进一步,可以在 Git 的

pre-commit

钩子中运行格式化工具,确保所有提交的代码都符合团队的缩进规范,从源头杜绝不一致的引入。

统一现有代码的缩进风格,往往是一个循序渐进的过程。通常从配置

.editorconfig

和设置

formatOnSave

开始,然后根据需要引入更强大的格式化工具和 Git Hooks。

自定义快捷键:打造你的个性化缩进切换工作流

VSCode 的强大之处,很大一部分在于其极高的可定制性。对于缩进风格这种高频操作,通过自定义快捷键来打造一个真正符合个人习惯的工作流,效率提升是立竿见影的。我个人就非常依赖这些定制,它让我的编码体验变得无比流畅。

要开始定制,你需要打开“键盘快捷方式”设置界面。这可以通过

Ctrl + K Ctrl + S

(Windows/Linux) 或

Cmd + K Cmd + S

(macOS) 快速打开。

在这个界面里,你可以搜索与缩进相关的命令。我常用的几个搜索关键词是:

文心快码 文心快码

文心快码(Comate)是百度推出的一款AI辅助编程工具

文心快码 35 查看详情 文心快码

indentation

:会列出所有与缩进相关的命令,比如

Editor: Convert Indentation to Spaces

Editor: Convert Indentation to Tabs

Editor: Set Indentation

等。

tab size

:虽然没有直接的“设置 Tab 大小为 4”的命令,但

Editor: Set Indentation

命令可以实现这个目的。

现在,我们来考虑如何分配这些快捷键,让它们真正“顺手”:

快速切换空格/制表符:这是最常见的需求之一。我通常会将它们绑定到

Alt

键组合上,因为

Alt

键在日常输入中冲突较少,且易于单手操作。

找到

Editor: Convert Indentation to Spaces

命令,点击左侧的加号按钮,然后按下你想要的快捷键组合,例如

Alt + S

(S for Spaces)。找到

Editor: Convert Indentation to Tabs

命令,同样操作,可以设置为

Alt + T

(T for Tabs)。这样,你只需要按下一个组合键,就能立即将当前文件的缩进风格进行转换,而无需通过命令面板。

快速设置缩进大小:虽然

Editor: Set Indentation

命令会弹出一个输入框让你输入数字,但如果你经常在 2 和 4 之间切换(比如 JavaScript 项目习惯 2 个空格,Python 习惯 4 个空格),你可能会希望有更快的办法。

你可以为

Editor: Set Indentation

绑定一个快捷键,例如

Alt + I

(I for Indent)。按下

Alt + I

后,快速输入

2

4

,再按回车,也能很快完成。更高级的思路(需要借助扩展): 如果你真的想实现“一键设置 2 个空格”或“一键设置 4 个空格”,可以考虑安装像 “Multi Command” 或 “Macros” 这类允许你串联多个命令的扩展。你可以定义一个宏,例如

myMacro.setIndentTo4Spaces

,它执行以下操作:

Editor: Convert Indentation to Spaces
Editor: Set Indentation

(并自动输入 4)然后将这个宏绑定到

Alt + 4

。虽然设置起来稍微复杂一点,但一旦配置好,体验会非常流畅。

格式化文档:

Shift + Alt + F

(Windows/Linux) 或

Shift + Option + F

(macOS) 是默认的格式化快捷键,通常不需要更改。但如果你觉得这个组合不顺手,也可以在“键盘快捷方式”中搜索

format document

并进行修改。

一些小建议:

考虑你的惯用手: 如果你惯用右手操作鼠标,左手边的快捷键组合会更方便。避免冲突: 在设置自定义快捷键时,VSCode 会提示你是否有冲突。尽量选择没有冲突的组合,或者将冲突的默认命令重新绑定。保持一致性: 尽量让你的自定义快捷键在不同编辑器或工具中保持一定的逻辑一致性,这样可以减少记忆负担。定期回顾: 随着你的工作习惯和项目需求的变化,定期回顾和调整你的快捷键设置,确保它们始终是最优的。

通过这种个性化的定制,VSCode 不再仅仅是一个编辑器,它变成了你编码思想的延伸,缩进风格的切换也变得像呼吸一样自然。

团队协作中缩进风格的统一与冲突解决策略

在软件开发团队中,代码缩进风格的不一致,就像是每个人说话都有不同的口音,初听可能觉得有趣,但时间久了就会变得难以理解,甚至引发误解。它不仅影响代码的可读性和美观性,更会在版本控制中制造大量不必要的麻烦,例如合并冲突(Merge Conflicts)和代码审查(Code Review)时的噪音。解决这些问题,需要一套行之有效的策略。

1. 核心策略:

.editorconfig

文件

这是我个人认为在团队协作中,统一代码风格最简单、最有效且跨编辑器/IDE 的解决方案。

什么是

.editorconfig

它是一个轻量级的配置文件,放置在项目根目录。它定义了代码风格(如缩进风格、缩进大小、文件编码、行尾符、是否移除行尾空格、是否在文件末尾添加空行等)的规则。如何使用? VSCode 内置了对

.editorconfig

的支持(或通过安装 EditorConfig 扩展)。当 VSCode 打开一个项目时,它会自动读取项目根目录及其子目录中的

.editorconfig

文件,并根据其中定义的规则来格式化代码,覆盖用户的个人设置。优势:跨编辑器/IDE: 不仅仅是 VSCode,Sublime Text、IntelliJ IDEA、WebStorm 等主流编辑器和 IDE 都支持

.editorconfig

,这意味着无论团队成员使用什么工具,都能保持统一的风格。项目级别管理: 风格规则与项目代码一起存放在版本控制中,新成员加入时无需手动配置,克隆项目即可获得正确的风格。优先级:

.editorconfig

的规则优先级高于用户或工作区设置,确保了项目风格的强制性。

一个简单的

.editorconfig

示例:

# http://editorconfig.orgroot = true[*] # Applies to all filesindent_style = spaceindent_size = 4end_of_line = lfcharset = utf-8trim_trailing_whitespace = trueinsert_final_newline = true[*.js] # Applies to JavaScript filesindent_size = 2[*.py] # Applies to Python filesindent_size = 4

2. 自动化工具:格式化器 (Formatters) 与 Lint 工具

仅仅依靠

.editorconfig

只能规范编辑器的行为,并不能强制开发者在提交代码前遵守规则。这时候就需要更强力的自动化工具。

代码格式化工具:

Prettier (前端): 针对 JavaScript, TypeScript, CSS, HTML 等。它几乎没有配置项,意见性强,能最大程度避免风格争论。ESLint (JavaScript/TypeScript): 不仅检查风格,还能发现潜在的代码错误和不良实践。可以配置风格规则,并自动修复部分问题。Black (Python): 严格的 Python 代码格式化工具,几乎没有可配置项,以“固执己见”著称。gofmt (Go): Go 语言官方自带的格式化工具,简单高效。集成到 VSCode: 大多数格式化工具都有对应的 VSCode 扩展,可以配置为“保存时格式化” (

"editor.formatOnSave": true

)。

Lint 工具:Lint 工具主要用于代码静态分析,发现潜在的错误和风格问题。虽然不直接格式化,但可以配合格式化工具使用,确保代码质量和风格。

3. 强制执行:Git Hooks 与 CI/CD

即便有了

.editorconfig

和格式化工具,总会有疏忽的时候。为了确保代码库的风格一致性,可以在版本控制和持续集成/部署流程中加入强制检查。

Git Hooks (例如 Husky):

在项目中使用

husky

(一个 npm 包,简化 Git Hooks 的配置),可以在

pre-commit

钩子中运行格式化命令或 Lint 检查。这意味着,如果开发者提交的代码不符合风格规范,Git 会拒绝提交,强制开发者在提交前修复。这是在本地层面保证风格一致性的最后一道防线。

CI/CD 流水线:

在 Jenkins, GitHub Actions, GitLab CI/CD 等持续集成服务中,加入代码风格检查的步骤。如果提交的代码不符合规范,CI 构建就会失败,从而阻止不符合规范的代码合并到主分支。这为团队提供了最终的质量保障。

冲突解决策略:

当风格冲突已经发生,比如在合并分支时出现大量只因缩进不同导致的冲突,处理起来会很痛苦。

避免策略: 最好的解决冲突方式就是避免冲突。在项目初期就明确并配置好

.editorconfig

。强制使用格式化工具和 Git Hooks。团队成员之间达成共识,并严格遵守。解决策略:Git 合并选项: 在合并时,可以使用

git merge -Xignore-space-change

git diff -w

(忽略空白字符差异) 来查看和处理冲突,这能减少因缩进差异导致的视觉噪音。但请注意,这只是视觉上的忽略,冲突本身

以上就是VSCode 怎样利用快捷键快速切换代码缩进风格 VSCode 快速切换缩进风格的快捷键创意用法​的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/301011.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月5日 00:55:08
下一篇 2025年11月5日 00:56:39

相关推荐

  • CSS mask属性无法获取图片:为什么我的图片不见了?

    CSS mask属性无法获取图片 在使用CSS mask属性时,可能会遇到无法获取指定照片的情况。这个问题通常表现为: 网络面板中没有请求图片:尽管CSS代码中指定了图片地址,但网络面板中却找不到图片的请求记录。 问题原因: 此问题的可能原因是浏览器的兼容性问题。某些较旧版本的浏览器可能不支持CSS…

    2025年12月24日
    900
  • 如何用dom2img解决网页打印样式不显示的问题?

    用dom2img解决网页打印样式不显示的问题 想将网页以所见即打印的的效果呈现,需要采取一些措施,特别是在使用了bootstrap等大量采用外部css样式的框架时。 问题根源 在常规打印操作中,浏览器通常会忽略css样式等非必要的页面元素,导致打印出的结果与网页显示效果不一致。这是因为打印机制只识别…

    2025年12月24日
    800
  • 如何用 CSS 模拟不影响其他元素的链接移入效果?

    如何模拟 css 中链接的移入效果 在 css 中,模拟移入到指定链接的效果尤为复杂,因为链接的移入效果不影响其他元素。要实现这种效果,最简单的方法是利用放大,例如使用 scale 或 transform 元素的 scale 属性。下面提供两种方法: scale 属性: .goods-item:ho…

    2025年12月24日
    700
  • Uniapp 中如何不拉伸不裁剪地展示图片?

    灵活展示图片:如何不拉伸不裁剪 在界面设计中,常常需要以原尺寸展示用户上传的图片。本文将介绍一种在 uniapp 框架中实现该功能的简单方法。 对于不同尺寸的图片,可以采用以下处理方式: 极端宽高比:撑满屏幕宽度或高度,再等比缩放居中。非极端宽高比:居中显示,若能撑满则撑满。 然而,如果需要不拉伸不…

    2025年12月24日
    400
  • PC端H5项目如何实现适配:流式布局、响应式设计和两套样式?

    PC端的适配方案及PC与H5兼顾的实现方案探讨 在开发H5项目时,常用的屏幕适配方案是postcss-pxtorem或postcss-px-to-viewport,通常基于iPhone 6标准作为设计稿。但对于PC端网项目,处理不同屏幕大小需要其他方案。 PC端屏幕适配方案 PC端屏幕适配一般采用流…

    2025年12月24日
    300
  • CSS 元素设置 10em 和 transition 后为何没有放大效果?

    CSS 元素设置 10em 和 transition 后为何无放大效果? 你尝试设置了一个 .box 类,其中包含字体大小为 10em 和过渡持续时间为 2 秒的文本。当你载入到页面时,它没有像 YouTube 视频中那样产生放大效果。 原因可能在于你将 CSS 直接写在页面中 在你的代码示例中,C…

    2025年12月24日
    400
  • 如何实现类似横向U型步骤条的组件?

    横向U型步骤条寻求替代品 希望找到类似横向U型步骤条的组件或 CSS 实现。 潜在解决方案 根据给出的参考图片,类似的组件有: 图片所示组件:图片提供了组件的外观,但没有提供具体的实现方式。参考链接:提供的链接指向了 SegmentFault 上的另一个问题,其中可能包含相关的讨论或解决方案建议。 …

    2025年12月24日
    800
  • 如何让小说网站控制台显示乱码,同时网页内容正常显示?

    如何在不影响用户界面的情况下实现控制台乱码? 当在小说网站上下载小说时,大家可能会遇到一个问题:网站上的文本在网页内正常显示,但是在控制台中却是乱码。如何实现此类操作,从而在不影响用户界面(UI)的情况下保持控制台乱码呢? 答案在于使用自定义字体。网站可以通过在服务器端配置自定义字体,并通过在客户端…

    2025年12月24日
    800
  • 如何优化CSS Grid布局中子元素排列和宽度问题?

    css grid布局中的优化问题 在使用css grid布局时可能会遇到以下问题: 问题1:无法控制box1中li的布局 box1设置了grid-template-columns: repeat(auto-fill, 20%),这意味着容器将自动填充尽可能多的20%宽度的列。当li数量大于5时,它们…

    2025年12月24日
    800
  • SASS 中的 Mixins

    mixin 是 css 预处理器提供的工具,虽然它们不是可以被理解的函数,但它们的主要用途是重用代码。 不止一次,我们需要创建多个类来执行相同的操作,但更改单个值,例如字体大小的多个类。 .fs-10 { font-size: 10px;}.fs-20 { font-size: 20px;}.fs-…

    2025年12月24日
    000
  • 如何在地图上轻松创建气泡信息框?

    地图上气泡信息框的巧妙生成 地图上气泡信息框是一种常用的交互功能,它简便易用,能够为用户提供额外信息。本文将探讨如何借助地图库的功能轻松创建这一功能。 利用地图库的原生功能 大多数地图库,如高德地图,都提供了现成的信息窗体和右键菜单功能。这些功能可以通过以下途径实现: 高德地图 JS API 参考文…

    2025年12月24日
    400
  • 如何使用 scroll-behavior 属性实现元素scrollLeft变化时的平滑动画?

    如何实现元素scrollleft变化时的平滑动画效果? 在许多网页应用中,滚动容器的水平滚动条(scrollleft)需要频繁使用。为了让滚动动作更加自然,你希望给scrollleft的变化添加动画效果。 解决方案:scroll-behavior 属性 要实现scrollleft变化时的平滑动画效果…

    2025年12月24日
    000
  • CSS mask 属性无法加载图片:浏览器问题还是代码错误?

    CSS mask 属性请求图片失败 在使用 CSS mask 属性时,您遇到了一个问题,即图片没有被请求获取。这可能是由于以下原因: 浏览器问题:某些浏览器可能在处理 mask 属性时存在 bug。尝试更新到浏览器的最新版本。代码示例中的其他信息:您提供的代码示例中还包含其他 HTML 和 CSS …

    2025年12月24日
    000
  • 如何为滚动元素添加平滑过渡,使滚动条滑动时更自然流畅?

    给滚动元素平滑过渡 如何在滚动条属性(scrollleft)发生改变时为元素添加平滑的过渡效果? 解决方案:scroll-behavior 属性 为滚动容器设置 scroll-behavior 属性可以实现平滑滚动。 html 代码: click the button to slide right!…

    2025年12月24日
    500
  • 如何用 CSS 实现链接移入效果?

    css 中实现链接移入效果的技巧 在 css 中模拟链接的移入效果可能并不容易,因为它们不会影响周围元素。但是,有几个方法可以实现类似的效果: 1. 缩放 最简单的方法是使用 scale 属性,它会放大元素。以下是一个示例: 立即学习“前端免费学习笔记(深入)”; .goods-item:hover…

    2025年12月24日
    000
  • 网页使用本地字体:为什么 CSS 代码中明明指定了“荆南麦圆体”,页面却仍然显示“微软雅黑”?

    网页中使用本地字体 本文将解答如何将本地安装字体应用到网页中,避免使用 src 属性直接引入字体文件。 问题: 想要在网页上使用已安装的“荆南麦圆体”字体,但 css 代码中将其置于第一位的“font-family”属性,页面仍显示“微软雅黑”字体。 立即学习“前端免费学习笔记(深入)”; 答案: …

    2025年12月24日
    000
  • 如何选择元素个数不固定的指定类名子元素?

    灵活选择元素个数不固定的指定类名子元素 在网页布局中,有时需要选择特定类名的子元素,但这些元素的数量并不固定。例如,下面这段 html 代码中,activebar 和 item 元素的数量均不固定: *n *n 如果需要选择第一个 item元素,可以使用 css 选择器 :nth-child()。该…

    2025年12月24日
    200
  • 如何用 CSS 实现类似卡券的缺口效果?

    类似卡券的布局如何实现 想要实现类似卡券的布局,可以使用遮罩(mask)来实现缺口效果。 示例代码: .card { -webkit-mask: radial-gradient(circle at 20px, #0000 20px, red 0) -20px;} 效果: 立即学习“前端免费学习笔记(…

    2025年12月24日
    000
  • 如何用纯代码实现自定义宽度和间距的虚线边框?

    自定义宽度和间距的虚线边框 提问: 如何创建一个自定义宽度和间距的虚线边框,如下图所示: 元素宽度:8px元素高度:1px间距:2px圆角:4px 解答: 传统的解决方案通常涉及使用 border-image 引入切片的图片来实现。但是,这需要引入外部资源。本解答将提供一种纯代码的方法,使用 svg…

    2025年12月24日
    000
  • PC端、PC兼响应式H5项目,如何选择最佳适配方案?

    多屏适配:PC端、PC兼响应式H5项目解决方案 针对PC端的网页适配,业界普遍采用以下方案: 流媒体查询:根据设备屏幕宽度应用不同的样式表,实现不同屏幕尺寸的适配。栅格系统:将布局划分为多个网格,根据屏幕宽度调整网格的显示和隐藏,实现自适应布局。 一般情况下,设计师设计PC页面时,会以特定像素宽度为…

    2025年12月24日
    000

发表回复

登录后才能评论
关注微信