请求将屏幕最小宽度的判断从 1280px 改成 1200 px

[dogodo-cc]

Describe the bug

如题：

现在很多便携屏都是 1200px 的横向像素，在使用便携屏幕访问 vitepress 构建的网站时，无法完整的看到全部内容 （文章摘要被隐藏了）。我跟踪了一下逻辑，发现最小宽度的判断是 1280，感觉略大了。

很早以前，文档类网站的宽度是 980px，所以我觉得 1200px 已经足够大了，我也在本地尝试调整过 1200px 的状态，是不局促的。

我暂时只能通过 patch-package 来修改。还是希望官方能够考虑将最小宽度调整到 1200px

哪怕开放成一个 “主题的设置项” 也是可以的。

感谢！！

Reproduction

只要在 1200 宽度的屏幕浏览就可以复现了。

Expected behavior

我的预期是 1200px 的屏幕宽度依然可以看到 文章摘要

System Info

System:
    OS: macOS 15.6.1
    CPU: (8) arm64 Apple M1 Pro
    Memory: 78.03 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 24.4.0 - /Users/alan/Library/pnpm/node
    npm: 11.4.2 - /Users/alan/Library/pnpm/npm
    pnpm: 10.6.3 - /Users/alan/Library/pnpm/pnpm
  Browsers:
    Chrome: 143.0.7499.170
    Firefox: 144.0.2
    Safari: 18.6

Additional context

No response

Validations

• Check if you're on the latest VitePress version.
• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[dogodo-cc]

diff --git a/node_modules/vitepress/dist/client/theme-default/components/VPDoc.vue b/node_modules/vitepress/dist/client/theme-default/components/VPDoc.vue
index dd87ee9..b42dee7 100644
--- a/node_modules/vitepress/dist/client/theme-default/components/VPDoc.vue
+++ b/node_modules/vitepress/dist/client/theme-default/components/VPDoc.vue
@@ -90,7 +90,7 @@ const pageName = computed(() =>
}
}

-@media (min-width: 1280px) {
+@media (min-width: 1200px) {
.VPDoc .container {
display: flex;
justify-content: center;
diff --git a/node_modules/vitepress/dist/client/theme-default/components/VPNavBarAppearance.vue b/node_modules/vitepress/dist/client/theme-default/components/VPNavBarAppearance.vue
index 523e5b6..b9c4b11 100644
--- a/node_modules/vitepress/dist/client/theme-default/components/VPNavBarAppearance.vue
+++ b/node_modules/vitepress/dist/client/theme-default/components/VPNavBarAppearance.vue
@@ -23,7 +23,7 @@ const { site } = useData()
display: none;
}

-@media (min-width: 1280px) {
+@media (min-width: 1200px) {
.VPNavBarAppearance {
display: flex;
align-items: center;
diff --git a/node_modules/vitepress/dist/client/theme-default/components/VPNavBarExtra.vue b/node_modules/vitepress/dist/client/theme-default/components/VPNavBarExtra.vue
index 988a814..c57d83e 100644
--- a/node_modules/vitepress/dist/client/theme-default/components/VPNavBarExtra.vue
+++ b/node_modules/vitepress/dist/client/theme-default/components/VPNavBarExtra.vue
@@ -73,7 +73,7 @@ const hasExtraContent = computed(
}
}

-@media (min-width: 1280px) {
+@media (min-width: 1200px) {
.VPNavBarExtra {
display: none;
}
diff --git a/node_modules/vitepress/dist/client/theme-default/composables/aside.js b/node_modules/vitepress/dist/client/theme-default/composables/aside.js
index 63decd0..697316d 100644
--- a/node_modules/vitepress/dist/client/theme-default/composables/aside.js
+++ b/node_modules/vitepress/dist/client/theme-default/composables/aside.js
@@ -4,7 +4,7 @@ import { useSidebar } from './sidebar';
export function useAside() {
const { hasSidebar } = useSidebar();
const is960 = useMediaQuery('(min-width: 960px)');

• const is1280 = useMediaQuery('(min-width: 1280px)');

• const is1280 = useMediaQuery('(min-width: 1200px)');
  const isAsideEnabled = computed(() => {
  if (!is1280.value && !is960.value) {
  return false;

[brc-dd]

You can add some plugin like this. It will be simpler than maintaining a patch via patch-package.

import { defineConfig } from 'vitepress'

export default defineConfig({
  // ...

  vite: {
    plugins: [
      {
        name: 'custom:adjust-width',
        transform: (code) => code.replaceAll('1280px', '1200px')
      }
    ]
  }
})