Hello，移动WEB_技术问答

首页免费课 Hello，移动WEB 问答

Hello，移动WEB

全部评论问答未解决精华

不对啊，老师设置<meta name="viewport" content="width=device-width,initial-scale=1">不是应该网页全部显示吗

已采纳回答 / MrXuAibo

如果页面是固定尺寸，那个meta就不用要了，就可以全部显示出来了，如果用的是百分比布局，看看其他地方的设置有什么错误没

1 回答 1841 浏览 2-4 Viewport_coding

2017-05-26

既然initial-scale=1自带width=device-width，那为什么还要写这个？

已采纳回答 / 海子de微博

initial-scale=1是指visual viewport等于layout viewport， width=device-width是指layout viewport等于设备宽度，两者是不一样的。

2 回答 3326 浏览 2-3 Viewport_Meta标签

2017-05-26

侠客岛的含笑

老师真的讲错了。

0 2-1 pixel像素基础

2017-05-26

白小明

display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
display: flex;

1 3-4 响应式设计

2017-05-25

白小明

display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: -moz-box;
display: flex;

1 3-2 Flexbox弹性盒子布局

2017-05-25

白小明

2 2-1 pixel像素基础

2017-05-25

移动web中老师的例子宽是1024，这样为什么还能正常显示，移动端不会出现滚动条

最新回答 / MrXuAibo

如果在meta里面没有定义viewport，还是会正常显示的

1 回答 1082 浏览 4-1 章介绍

2017-05-23

jiadenima

我觉得吧，是老师有些东西没有讲清楚，所以有人觉得混乱，这个课程里面只讲了两个视口，布局和可视化。在ppk的书里讲了3个，加上一个理想视口，也就是设备独立像素的大小。布局视口是一个浏览器固定大小的视口，用来布局，然后可视化视口来进行缩放显示页面的。但是在页面宽度大小大于布局视口的时候，老师没有仔细讲，为什么没有出现滚动条。这里是因为可视化视口进行了缩放导致的，所以我们在后面禁止页面的可视化视口进行缩放。出现滚动条的必要条件不是页面的宽度大于布局视口，而是大于布局视口宽度的一定比值之后才会出现滚动条。后面又让width=device-width，可视化视口=布局视口=理想视口。大概就是这样。

1 2-3 Viewport_Meta标签

2017-05-22