youtube動画をスマホ用の幅に合わせてレスポンシブ対応で埋め込む

レスポンシブ（フレキシブ）デザインのサイトに応じて

youtube動画をサイトの幅に応じて表示させる埋め込み方法

 

１）ＣＳＳの一番下あたりに下記を記述

.youtube iframe{
width: 100%;
}

 

２）youtube動画のコードの上下を先ほどの「div」で指定してあげる

<div class="youtube">
ここにyoutubeのコード
</div>

以上

---

こんな写真もフリー素材。

商用可能のフリー素材は「フリー素材ドットコム」

photoshopCC「photoshopを初期化できません。予期せずにファイルの末尾に達しました」

photoshopＣＣが上記のような表示で起動できなくなった時の対処法。

「環境設定の初期化」です。

 

１）photoshopＣＣを起動した直後に

●Windows ⇒ Ctrl + Alt + Shift
●Mac　　 ⇒ : Command + Option + Shift

２）Adobe Photoshop 設定ファイルを削除しますか？」⇒「はい」をクリック

３）以上

 

※参考：Photoshop Help  / 環境設定ファイル名および保存場所（Photoshop CC）

---

 

こんな写真も無料でダウンロード
商用可能なフリー素材、フリー素材ドットコム
http://free-materials.com/