埋め込み画像

uc-photo クラスを指定することで、埋め込み画像を最適化して表示させます。

1. 基本

基本となる埋め込み画像のスタイルを適用させます。

<figure class="uc-photo">
  <img src="https://source.unsplash.com/random" alt="">
  <figcaption>Lorem ipsum dolor sit amet.</figcaption>
</figure>

2. 横幅をフィットさせる

_full クラスを指定することで、画像を横幅いっぱいに表示させることができます。

<figure class="uc-photo _full">
  <img src="https://source.unsplash.com/random" alt="">
  <figcaption>Lorem ipsum dolor sit amet.</figcaption>
</figure>