Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 移动浏览器在虚拟环境中呈现页面的方式是什么;“窗口”;意思是_Css_Html_Meta Tags - Fatal编程技术网

Css 移动浏览器在虚拟环境中呈现页面的方式是什么;“窗口”;意思是

Css 移动浏览器在虚拟环境中呈现页面的方式是什么;“窗口”;意思是,css,html,meta-tags,Css,Html,Meta Tags,我在报纸上读到以下内容: 移动浏览器在虚拟“窗口”(视口)中呈现页面, 通常比屏幕宽,所以他们不需要挤压每一个屏幕 页面布局变成一个小窗口(这将打破许多 非移动优化站点)。用户可以平移和缩放以查看不同的图像 页面的区域 我没有太多的经验,请有人用其他术语解释一下。我不明白手机是如何创建一个视口,然后让用户放大该视口的。这一切都意味着当使用meta标记时,该页面将适合手机屏幕,如下所示: <meta name="viewport" content="width=device-width, i

我在报纸上读到以下内容:

移动浏览器在虚拟“窗口”(视口)中呈现页面, 通常比屏幕宽,所以他们不需要挤压每一个屏幕 页面布局变成一个小窗口(这将打破许多 非移动优化站点)。用户可以平移和缩放以查看不同的图像 页面的区域


我没有太多的经验,请有人用其他术语解释一下。我不明白手机是如何创建一个视口,然后让用户放大该视口的。

这一切都意味着当使用meta标记时,该页面将适合手机屏幕,如下所示:

<meta name="viewport" content="width=device-width, initial-scale=1">

因此,你可以简单地滚动页面,而不是像桌面视图那样显示页面-全部缩小-然后你必须放大(很多)才能阅读,因为内容将与手机/平板电脑的屏幕相匹配

根据元标记视口上使用的属性,可以缩放,也可以不缩放

如果
初始比例=1,此
最大比例=1
将允许您阻止缩放