javascript - An iframe is nested in a web page. The web page and the iframe viewport are different. How can I prevent the web page in the iframe from deforming?

Question

Web page:

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">`

iframe：

  <meta name="viewport" content="width=750,maximum-scale=1.3,user-scalable=no,minimal-ui">

Now the content in the iframe is deformed. If the size of the html and iframe content is not changed, how can the iframe content not be deformed?

Answer 1

Set the iframe’s padding to 0 and so on

Answer 2

First of all, is the page linked to your iframe responsive? If so, is the size of the iframe consistent with the original page size?