気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
log-file.netエントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
0
記事へのコメント0件
- 注目コメント
- 新着コメント
新着コメントはまだありません。
このエントリーにコメントしてみましょう。
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
GoogleMapの埋め込む地図をCSSでレスポンシブ対応させ伸縮させる方法
GoogleMapも前回メモしたYoutube動画の埋め込みと同じで、取得したコードをそのまま張り付けただけだと... GoogleMapも前回メモしたYoutube動画の埋め込みと同じで、取得したコードをそのまま張り付けただけだとレスポンシブ構造の場合に小さくした時に厄介です。 対応方法は、基本的にYoutube動画と同じような感じです。 GoogleMapのコードを取得 Googleマップにアクセスし、コードを取得したい場所を検索で表示させます。 表示が確認出来たら右下の歯車のアイコンから地図を共有または埋め込むを選択しコードを取得します。 地図のサイズは、これから設定するCSSを使うのであれば、どのサイズでも問題ありません。 自分は、最初から選択されている中を選択しています。 CSSとHTML 下記のCSSとHTMLを表示したい箇所に設置して作業完了です。 CSS<style type="text/css"> <!-- .gmap{ position: relative; padding-bottom
log-file.net
log-file.net
log-file.net
log-file.net
mrsgreenapple.com
www.itmedia.co.jp
automaton-media.com
www.mizuho-rt.co.jp
dev.classmethod.jp
zenn.dev/yoshiko
zenn.dev/okamyuji
zenn.dev/ml0_1337
bookmark.hatenastaff.com
techblog.hacomono.jp
zenn.dev/knowledgesense
gigazine.net
foneslife.com
suumo.jp
onaji.me
www.hotpepper.jp
