![[resize.gif|400]]
[[Obsidian Publish]]のノートにサイズ指定した画像や[[mermaid]]を埋め込み、モバイルで表示すると上記のGifのように横スクロール固定が解除されてしまう。横スクロールが出来てしまうと読みにくいので修正する。
## 修正方法
[[Obsidian Publish]]はVaultにpublish.cssというファイルを置き、それを公開することでCSSを適用することが出来る。なので、publish.cssに以下の記述を追加することで修正することが出来る。
```css
.markdown-rendered img {
max-width: 100%
}
.mermaid svg {
max-width: 100%;
height: auto;
}
```