I'm using an iframe to import a Google map to my website. I'm using this code: HTML <div class="iframe-maps"> <iframe src="https://www.google.com/maps/d/embed?mid=1Z_DcQ-f4EdnEwL6sRKfLCYCj5P8&hl=en" width="100%" height="100%"></iframe> </div> and: CSS .iframe-maps { width: 80%; } I added the iframe inside a div as recommended on another thread, but it didn't budge. This is working perfectly in Firefox (mobile and desktop) and Edge (same) though but not in Chrome. I don't know about Safari though. This seems pretty straitgh forward. Is there anything I'm missing here? This only think I found about this issue is this: https://www.experts-exchange.com/qu...-height-display-problem-in-Safari-Chrome.html but it's from 2010... and I suppose this issue has been fixed a long time ago? Continue reading...
