<meta name="viewport" content="width=device-width, initial-scale=1">
viewport 虚拟视口，比屏幕宽，不会将网页挤在一个很小的视口中
width=device-width 让宽度等于设备的宽度
initial-scale=1 页面第一次载入时缩放的比例，设置为1，不缩放
让视口的宽度等于物理设备上真实的分辨率，初始的缩放比例为1，也就是不缩放，能够让网页显得更加细腻。
解决移动端适配问题
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
推荐阅读更多精彩内容
- 原文地址 在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewp...
- （转自：http://blog.csdn.net/tengdazhang770960436/article/det...
