-
- 慕数据6182097 2020-02-26
viewport 手机浏览器为我们做了两件事
页面渲染在980px的viewport
缩放
先排版正确再缩放
viewport分为visual viewport 视口wiewport或称为视口wiewport （缩放）还有layout viewport 布局viewport（将页面渲染在底层）
为什么不使用默认的980px的布局viewport
宽度不可控制，不同系统不同设备的默认值可能不同
页面缩小版显示，交互不友好
链接不可点
有缩放，缩放后又有滚动
font-size为40px等于pc上12px同等物理大小，不规范。
通过meta标签改变默认的wiewport
- 0赞 · 0采集
-
- Sandaydi 2018-06-24
Viewport
-
截图0赞 · 0采集
-
- qq_林_56 2018-05-28
移动设备默认做了两件事情：
先把页面渲染在一个980px(ios)的viewport里面
把页面进行缩放
问题：为什么不能直接进行缩放
答案：屏幕变小了，但是对应的字体，图片还是原来大屏幕下设置的大小，所以会出现宽度不够现象，排版也就乱了。
- 0赞 · 0采集
-
- qq_林_56 2018-05-28
把页面渲染在一个viewport里面，通过缩放查看
-
截图0赞 · 0采集
-
- 慕粉4041766 2018-03-02
- 为什么不使用默认viewport
-
截图0赞 · 0采集
-
- 慕粉4041766 2018-03-02
- 我们指的viewport是指布局viewport
-
截图0赞 · 0采集
-
- 慕粉4041766 2018-03-02
- 默认的
-
截图0赞 · 0采集
-
- 慕前端8104030 2017-09-20
- 使用默认980px 布局viewport的缺点
-
截图0赞 · 0采集
-
- 慕前端8104030 2017-09-20
- viewport作用
-
截图0赞 · 0采集
-
- Arvinda 2017-09-17
- 手机浏览器默认为我们做了两件事情 1.页面渲染在一个980px(ios)的虚拟viewport（为了排版正确） //这就是网页在手机上，会全屏显示的原因 2.缩放（排版正确后，再缩放到手机屏幕大小） visual viewport：度量/视口viewport宽高 visual viewport是页面当前显示在屏幕上的部分。用户可以通过滚动来改变他所看到的页面的部分，或者通过缩放来改变visual viewport的大小。 //无法改变，通过缩放scale控制 layout viewport: 布局viewport 如图，ios的默认layout viewport为980px //可以理解为就是body的宽度，在此之上渲染页面 //不用默认980px的layout viewport原因： //不同设备默认值不同，宽度不可控 //页面先在layout viewport全屏渲染css,再通过缩放由visual viewport展示，交互差 //缩放后连接不可点，又有滚动 //font-size:40px=PC的12px,不规范，字体设置是另外一门学问了。
- 0赞 · 0采集
-
- qq_简单点_14 2017-09-12
- Viewport 手机浏览器默认为我们做了两件事情 1.页面渲染在一个980px(ios)的虚拟viewport（为了排版正确） //这就是网页在手机上，会全屏显示的原因 2.缩放（排版正确后，再缩放到手机屏幕大小）
-
截图0赞 · 0采集
-
- Autumn1 2017-08-28
- 手机浏览器默认做两件事
-
截图0赞 · 0采集
-
- 红星双子 2017-08-23
- Viewport：浏览器为了让移动端页面显示的更好，设置的一个参数
- 0赞 · 0采集
-
- MonKey_526 2017-08-22
- visual viewport：度量/视口viewport宽高 visual viewport是页面当前显示在屏幕上的部分。用户可以通过滚动来改变他所看到的页面的部分，或者通过缩放来改变visual viewport的大小。 //无法改变，通过缩放scale控制 layout viewport: 布局viewport 如图，ios的默认layout viewport为980px //可以理解为就是body的宽度，在此之上渲染页面 //不用默认980px的layout viewport原因： //不同设备默认值不同，宽度不可控 //页面先在layout viewport全屏渲染css,再通过缩放由visual viewport展示，交互差 //缩放后连接不可点，又有滚动 //font-size:40px=PC的12px,不规范，字体设置是另外一门学问了。
-
截图0赞 · 0采集
-
- MonKey_526 2017-08-22
- Viewport 手机浏览器默认为我们做了两件事情 1.页面渲染在一个980px(ios)的虚拟viewport（为了排版正确） //这就是网页在手机上，会全屏显示的原因 2.缩放（排版正确后，再缩放到手机屏幕大小）
-
截图0赞 · 0采集
-
- 花森煜米 2017-08-10
- Viewport 手机浏览器默认为我们做了两件事情 1.页面渲染在一个980px(ios)的viewport（为了排版正确） 2.缩放（排版正确后，再缩放到手机屏幕大小）
-
截图0赞 · 1采集
-
- 慕粉210917370 2017-06-16
- 为什么不适用默认的980px的布局viewport
-
截图0赞 · 0采集
-
- 慕粉210917370 2017-06-16
- viewport布局缩放
-
截图0赞 · 0采集
-
- 慕粉210917370 2017-06-16
- viewport原理
-
截图0赞 · 0采集
-
- 慕粉210917370 2017-06-16
- viewport
-
截图0赞 · 0采集
-
- 慕粉210917370 2017-06-16
- 整个页面缩放
-
截图0赞 · 0采集
-
- 慕尼黑0767240 2017-06-09
- 为什么不使用默认的980px的布局viewport
-
截图0赞 · 0采集
-
- 慕尼黑0767240 2017-06-09
- visual viewport 内容viewport layout viewport 布局viewport
-
截图0赞 · 0采集
-
- 一树青枫 2017-05-05
- 为什么不使用默认的980px的布局viewport ？ 1. 宽度不可控制，不同系统不同设备的默认值都可能不同 2. 页面缩小版显示，交互不友好 3. 链接不可点 4. 有缩放，缩放后又有滚动。
- 0赞 · 0采集
-
- 幻夜明 2017-04-10
- pc界面转到 Webapp上的视图问题
- 0赞 · 0采集
-
- AnswerLau 2017-04-07
- 为什么不使用默认的980px布局viewport
-
截图0赞 · 0采集
-
- 慕粉3191080 2017-03-16
- 手机浏览器默认做了两件事： 1、页面渲染在980px的viewport中 -->layout viewport-->视口viewport-->widow.innerWidth 2、缩放 -->visual viewport-->布局viewport-->document.body.clientWidth
-
截图0赞 · 0采集
-
- Zoe浮世绘 2017-02-22
- 移动web
-
截图0赞 · 0采集
-
- 幻恋殇 2016-12-06
- 因为默认的有缺陷，所以我们采用meta标签
-
截图0赞 · 0采集
-
- 名y 2016-11-09
- visual viewport layout viewport
- 0赞 · 0采集
数据加载中...