PROFILE

KH-プロフィール画像

はじめましてKHです。
WEBデザイン勉強中です。

Instagramの投稿埋め込み時にスマホで表示がはみ出る場合の対処法

Instagramの投稿をサイトに埋め込んだ時にiPhoneやiPhoneSE等のスマホで表示がはみ出てしまう場合の対策をメモ 単純にiframeのwidthを100%にしても上手くいかなかったので調べたところ ↑こちら […]

CSSで画像をボックス内いっぱいまで表示する方法

CSSの背景で指定するbackgroun-size:cover;と同じような感じで画像を枠内いっぱいまでの表示にする方法をメモ。

スマホサイトでスクロールが動かなかったりぎこちないときの対策

スマホサイトでたまにページのスクロールがぎこちなかったり動かなかったりする場合があったので、 その対処法をメモ。 ページを囲っているcontainer等のdivに対して、CSSで と指定してあげればOK

Media Queriesでウィンドウサイズやデバイスに合わせてCSSを振り分ける:CSS3

CSS3のMedia Queriesでウィンドウサイズやデバイスに合わせてCSSを振り分ける方法をメモ。

CSSでドロップシャドウをつける

今回はCSSでドロップシャドウ(影)をつける方法をメモ。CSSでシャドウをつける方法は1.ボックス要素にドロップシャドウ、2.テキストにドロップシャドウ、の2種類あります。