Vue.jsでウィンドウ及びボックスのサイズ取得を行う
ベースとなる処理は、VueコンポーネントでWindowサイズ変更検知＆値取得を参照した。 <template> <div> <p>window width: {{ width }}</p> <p>window height: {{ height }}</p> </div> </template> < […]
レスポンシブ
youtubeの埋め込みをレスポンシブにする
使うときにはいつも忘れているのでメモ。 ■指定の場所にyoutubeのリンクを持ったiframeがあれば、youtubeFrameというdivで囲む $(function(){ youtubeFrame(); } function youtubeFrame() { $('#hoge iframe[src^="https://www.youtube.com"]').wrap('<div cla […]
facebookの読み込みタグをレスポンシブに対応させる
- 2017.09.06
- レスポンシブ
参考サイトを元に指定した一例 ■html <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook […]
テーブルをレスポンシブに対応させる
.tableMin{ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } }