dokuwikiで画像を解像度に合わせて自動リサイズする

デフォルトのテンプレートなら何の問題もないらしいが

　bootstrapテンプレートにしたからこの問題が発生したのだろうか？とりあえず、スマホから見ると横に画像がはみ出ている。
　速攻検索して出てきたはいいが、どこを変えればいいかに一番手間取った。
　終わってみれば結局conf/userall.cssに

img {max-width: 100%;height: auto;}

を追記しただけだった。

記載内容の参考サイト

【画像がはみ出す問題】画面サイズにあわせ自動的にリサイズ(拡大縮小)するCSS

【画像がはみ出す問題】画面サイズにあわせ自動的にリサイズ(拡大縮小)するCSS ブログやウェブサイト、ウェブサービスなどで主流となっている、レスポンシブデザイン。レスポンシブデザインは１つのソースで、画面の大きさが異なる複数のデバイスに対応...

materializer.co