# 【kViewer】サイドコンテンツの画像をスマホ対応にしたい

**URL:** <https://community.cybozu.dev/t/topic/3920>\
**Category:** kintone 開発相談\
**Created:** [2019 年 3 月 26 日午前 9:24 UTC](https://community.cybozu.dev/t/topic/3920 "2019-03-26T09:24:22Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Legacy\_Account592](https://avatars.discourse-cdn.com/v4/letter/l/a587f6/32.png) [@Legacy\_Account592](https://community.cybozu.dev/u/Legacy_Account592)\
**Post date:** [2019 年 3 月 26 日午前 9:24 UTC](https://community.cybozu.dev/t/topic/3920/1 "2019-03-26T09:24:22Z")

</div>

標題の件につきまして、

kViewerのサイドコンテンツに画像を貼付けしているのですが、

スマホからだと画像が見切れてしまいます。

スマホからでも画像が見れるようにしたいです。

&nbsp;

CSSによるカスタマイズで対応可能だと思うのですが、

具体的な記述方法などご教示いただけないでしょうか。

---

<div class="post-metadata">

**Author:** ![Legacy\_Account1740](https://avatars.discourse-cdn.com/v4/letter/l/ed8c4c/32.png) [@Legacy\_Account1740](https://community.cybozu.dev/u/Legacy_Account1740)\
**Post date:** [2019 年 3 月 27 日午前 3:28 UTC](https://community.cybozu.dev/t/topic/3920/2 "2019-03-27T03:28:45Z")

</div>

doo様

お世話になっております．  
cstapの江田と申します．

以下の記述で実装できます。

```
.kv-side-contentimg{max-width:100%;}

```

&nbsp;

---

<div class="post-metadata">

**Author:** ![Legacy\_Account592](https://avatars.discourse-cdn.com/v4/letter/l/a587f6/32.png) [@Legacy\_Account592](https://community.cybozu.dev/u/Legacy_Account592)\
**Post date:** [2019 年 3 月 27 日午前 8:34 UTC](https://community.cybozu.dev/t/topic/3920/3 "2019-03-27T08:34:20Z")

</div>

江田様

ご回答いただき、ありがとうございます。

頂いた内容で表示されることを確認いたしました。
