I am working with an iframe and facing a challenge. I want to make it full screen width on mobile devices, but only half the screen width on a normal monitor (100% and 50%, respectively). The minimum specification for the mobile device would be iPhone, although compatibility with Android devices would be highly beneficial.
My available tools are HTML and CSS. Is achieving this customization possible?