angular.js - The angularjs mobile project needs to introduce an external PC web page. The iframe width and height are set to 100%. The displayed content is still the same as the PC, and is not scaled to fit the screen.

Question

 <iframe ng-src="{{banner}}" frameborder="0" width="100%" height="100%"></iframe>

The result displayed is like this

Can I use iframe to achieve the effect of scaling to fit the screen? Or is there any other way to solve it?

Answer 1

iframe has many pitfalls~

If the page you introduce has a minimum width of 500px, you will be confused~

The imported page must be compatible with the mobile version