关于未使用自适应写的PC页面在手机上显示不全的问题

版权声明:正在学习中,有错误欢迎指出。感谢比❤❤~ https://blog.csdn.net/gx17864373822/article/details/83039615

在head中添加:

<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=0.3, maximum-scale=1.0, minimum-scale=0.3">
width=device-width :表示宽度是设备屏幕的宽度
initial-scale=0.3:表示初始的缩放比例
minimum-scale=0.3:表示最小的缩放比例
maximum-scale=1.0:表示最大的缩放比例
user-scalable=yes:表示用户是否可以调整缩放比例

把1.0随意改成0-1之间的数值便可以强制性显示啦

显示效果:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/gx17864373822/article/details/83039615