how to make the custom html contant fit both destop and mobile

https://www.kasibie.com/products/qh-9115

I have added a costom HTML to the product page and it is currently displaying fine in size on the computer, but is very wide on the mobile side. Currently, I can only set the size of the costom htlm both the computer and mobile pages and can’t adjust it separately. How should I set the mobile size separately?

@martinwu

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
iframe {
    width: 100% !important;
}

it works,appreciate!

@martinwu

its my pleasure to help us