Google マップ・YouTubeなどの埋め込みをレスポンシブにするEmbed Responsively

埋め込みコードをレスポンシブWebデザインでも利用できるように変換してくれるサービス「Embed Responsively」

予めGoogle マップなどで取得したコードをペースト、ボタンを押すだけでコードを書きだしてくれますので簡単！

書き出されるコードはスタイルシートも一緒になっていますのでご注意を…

 

※マップの大きさがデバイスによって縮小されるのではなく、widthがちょうどよい大きさにカットされるようなイメージだ