obsidian 随意缩放字体大小的CSS

Obsidian是一款流行的基于Markdown的笔记应用，它通常使用浏览器来渲染内容。如果你想让 Obsidian 中的内容能随意缩放字体大小，可以利用 CSS 的 `zoom` 或者 `transform` 属性来实现。

1. **Zoom 属性**:

   .obsidian-content {
     zoom: 100%; /* 默认值 */
     -moz-transform: scale(1); /* Firefox 变换兼容 */
     -webkit-transform: scale(1); /* Safari 和 Chrome 变换兼容 */
     transform: scale(1);
   }

   .obsidian-content:hover {
     zoom: 125%; /* 当鼠标悬停时放大 */
   }

这里设置了 `.obsidian-content` 的默认缩放比例为 100%，当鼠标悬停时变为 125%。

2. **Transform 属性**:

   .obsidian-content {
     font-size: 16px; /* 默认字体大小 */
     transition: font-size 0.3s ease; /* 添加过渡效果 */
   }

   .obsidian-content.zoom-in {
     font-size: 20px; /* 放大字体大小 */
   }

   .obsidian-content.zoom-out {
     font-size: 14px; /* 缩小字体大小 */
   }

使用伪类 `.zoom-in` 和 `.zoom-out` 来触发缩放效果，用户可以通过点击或其他交互操作更改字体大小。

记得要在样式表文件或 `<style>` 标签中添加这些 CSS，然后在 Obsidian 的 HTML 结构中选择合适的元素应用这些样式。