How to change iframe height via @media?

Question

css

Hello.
In general, I put Google maps into my iframe site. I met the iframe for the first time, so when I tried to stick it into the block, so that the block could already set the height parameters, I didn’t succeed because the iframe didn’t react to it at all. Then I found the lines with the height and width in the iframe itself and brazenly changed it there. Great, the map has become, I put another div upstairs, well, everything seems to be fine, it’s good until I reach adaptability and I’m faced with the question that if I calmly change the parameters of all blocks through media , then I have nothing with this iframe succeed.
Question. How can you change its parameters through media , or how can you set its height parameters not in the iframe tag itself and what would it work?

Answer 1

Have you tried just setting the width and height for the iframe in css ?. Or you can set the wrapping block to the desired parameters and also position: relative and then for the iframe 100% height and width and absolute positioning.