今天在研究html 5和framework 7时，在html示例中看到下面这一行： 不明白其中各属性值代表什么意思，于是到网上找到相关资料，记录下来： viewport标记，用于指定用户是否可以缩放Web页面 ...

viewport就是浏览器上用来显示网页的那部分区域 layout viewport:整个网页所占据的区域（包括可视也包括不可视的区域） 默认的 visual viewport:网页在浏览器上的可视区域（浏览器中能够看见的区域） ideal viewport:ideal ...

什么是Viewport 手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari ...

什么是Viewport 手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari ...

...

<meta>标记用于指定用户是否可以缩放Web页面，如果可以，那么缩放到的最大和最小缩放比 ...

属性解释: 1.width width设置viewport的宽度，即iphone最初模拟PC浏览器的宽度，之后iphone会这个宽度展现的页面同比缩放到iphone屏幕上。设置width=device-width后就不会再进行缩放了，因为宽度正好和iphone的宽度相同（前提 ...

我用vue写一个界面，是这样的 但是显示在手机屏就是这样的 事实上，我需要的效果是这样的 问题描述清楚了，其实就是一个pc端与手机端等比缩放的问题。 ...