<!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?
2
0
0
Is there no mobile adaptation?
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
Try this
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />Add a mobile-adapted meta. For more information, please refer to HTML Meta tags.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
