HTML自动适应屏幕宽度代码
直接在<head>头标签中，添加<meta
name="viewport" content="width=device-width, initial-scale=1.0">这行代码就可
示例:<head>
<meta charset="UTF-8"><!--适应手机浏览器屏幕-->
<meta name="viewport"
content="width=device-width, initial-scale=1.0"><title>测试</title>
<link rel="stylesheet" href="style.css"><link rel="stylesheet"
href="../../layui/css/layui.css" media="all"></head>
什么是Viewport?
Viewport是用户在网页上可见区域的部分。在移动设备上浏览时，viewport的宽度通常小于网页的宽度，因此浏览器会缩放页面以适应屏幕。这就导致了用户需要放大、缩小和滚动才能浏览网站的情况，这显然不是一个理想的浏览体验。