长标签之一理想窗口标签

原创于 2020-06-14 22:54:00 发布 · 253 阅读

CC 4.0 BY-SA版权

文章标签：

本文详细介绍了移动布局中的三种窗口模式：布局视口、视觉窗口和理想窗口的概念及作用。重点讲解了如何通过<meta>标签设置视口宽度，实现响应式设计，确保不同设备上的网页显示效果一致。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

简单阐述一下，移动布局里面有三种窗口模式
1.布局视口：就是用手机打开网页能看到整个PC版的网页内容，用于早期pc和移动端对接的问题，默认分辨率980px
2.视觉窗口：手机屏幕相对显示整个PC网页的手机屏幕大小
3.理想窗口！；简单说就是不论网页多大显示多大手机有多宽我们的布局视口就有多宽

在移动布局中必须写入此代码浏览器进行解读

<meta name=“viewport” content=“width=device-width,user-scrable=no”,initial-scale="1.0",maximum-scale="1.0",minimum-scale="1.0"}

content=“width=device-width; 宽度等于设备宽度！
用户缩放操作 user-scalable=“no” yes/no=1或0
在头部标签中使用

在这里插入图片描述

长标签之一 理想窗口标签