feat(docs): add image height constraints and appendix examples

- Implement dynamic image height constraints based on aspect ratio to prevent vertical space issues - Add new ultra-tall category for images with ratio > 3 - Include two new appendix examples in sidebar navigation
2026-01-12 15:31:23 +08:00
parent 201806f662
commit ab90283e1b
3 changed files with 38 additions and 3 deletions
@@ -37,4 +37,21 @@
 /* 压缩子项的行高 */
 .VPSidebarItem.level-1 .text {
  line-height: 1.4;
-}
+}
+
+/* 图片高度限制策略：根据长宽比调整最大高度 */
+/* 越高的图片（长宽比越大），限制的高度越小，避免占用过多纵向空间 */
+.vp-doc img.img-tall {
+  max-height: 450px !important;
+  width: auto !important;
+}
+
+.vp-doc img.img-very-tall {
+  max-height: 350px !important;
+  width: auto !important;
+}
+
+.vp-doc img.img-ultra-tall {
+  max-height: 250px !important;
+  width: auto !important;
+}