<!DOCTYPE html>
<html>
<head>
</head>
<body>
<iframe src="https:/ /www.baidu.com/" style="width:100%;height:500px;"></frame>
</body>
</html>
The display effect of using iframe nested web pages is that the content text is much smaller, but the page style is consistent. (Screenshot of Chrome simulator under Mac screen, the same is true when tested on iPhone.) 
Normal display page
How to solve this problem?
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Is there no mobile adaptation?
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
Try this
Add a mobile-adapted meta. For more information, please refer to HTML Meta tags.