- 2016年8月12日
- 2018年2月18日
レスポンシブで固定ヘッダー高さが可変する際のアンカースクロールを簡単実装
レスポンシブで固定ヘッダーの高さが可変。アンカースクロールがうまく設定できない。 ヘッダーにposition:fixed;を適用していて固定していると、ページ内スクロールでスルスルーっと移動するときにズレが生じてしまいます。 そんな時はheaderの […]
TAG
レスポンシブ
- 2016年8月10日
- 2018年2月18日
ファーストビューの画像の高さを自動取得して画面いっぱいに表示するjs
CSSの”100vh”でも出来るんだけど、ブラウザ対応が気になる。。。 今流行のサイトのファーストビューを画面いっぱいに画像や動画を表示する方法。 cssでもできるんですが、お客様によっては古いブラウザを使用していたりして、height:100vh; […]
- 2016年7月28日
- 2018年2月18日
【5秒実装!!】CSSでYouTubeの埋め込みをレスポンシブ対応に！！
YouTubeの埋め込みをレスポンシブ化する方法 YouTubeの<iframe>タグで埋め込みをすると、レスポンシブ対応になっていないため、スマホで閲覧した際にサイトからはみ出してしまいます。 下記のコードをhtmlファイルとcssファ […]
- 2016年7月22日
- 2018年2月18日
Bootstrapのグリッドで入れ子を上下入れ替える裏技！！
Bootstrapの入れ子をレスポンシブの際に上下を逆にしたい Bootstrapのグリッドは通常左にあるものがレスポンシブすると上、右にあるものがレスポンシブすると下にきます。 でも実際、サイドバーが右にしたい時 HTML [crayon-6766 […]
- 2016年7月19日
- 2018年2月18日
Bootstrapレスポンシブ対応コピペで使えるカラム・モーダル他10選
Bootstrapといえば、今や欠かせないコーディングのレスポンシブに対応したフレームワークとなっています。 そんなBootstrapのよく使われる便利なclassの使い方10選を紹介致します。 1.レスポンシブ対応のimg html [crayon […]