viewport

viewport

http://img1.sycdn.imooc.com//climg/5d140a6c0001e4a310200453.jpg

请问老师,我可以将移动设备的viewport理解为手机屏幕吗?“移动设备的viewport要大于浏览器的可视区域”请问老师这句话怎么理解,什么是浏览器的可视区域?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕慕子 2019-06-27 14:01:14

同学你好,

  1. 可以简单的将移动设备的viewport理解为手机屏幕。

  2. 可以简单理解为因为移动设备的分辨率相对于PC来说都比较小,所以为了能在移动设备上正常显示那些为PC浏览器设计的网站,移动设备上的浏览器都会把自己默认的viewport设为980px或1024px(也可能是其它值,由设备本身决定),所以说移动设备的viewport要大于浏览器的可视区域

  3. 浏览器的可视区域: 浏览器窗口显示网页的部分(即不包括地址栏、工具栏)就是可视区, 你可以用鼠标来推动浏览器窗口来改变大小,此时可视区的大小也是跟着变的。

同学可以先尝试理解一下,随着学习的积累, 在深入研究这里的原理会更加容易哦

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~



  • 提问者 光aaaaand影 #1
    老师,我对这块理解一直不是很明白,您能用一张图来向我演示什么是viewport和可视区域吗
    2019-06-30 08:19:33
  • bbbboom 回复 提问者 光aaaaand影 #2
    这种没有办法画图吧。可视区域就是你手机能看到的大小,手机屏多大,你就能看到多大啊。 但是PC端页面肯定很大,一般限制在1200px,但是你看到的页面大小和你手机一样大,没有滚动条吧, 这样理解就是viewport一般大于浏览器可视区域。
    2019-06-30 14:01:01
  • 提问者 光aaaaand影 回复 bbbboom #3
    那这么说,viewport就是网页的大小,而不是手机屏幕的大小,对吗
    2019-07-03 10:41:33
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
响应式开发与常用框架 2018
  • 参与学习           人
  • 提交作业       2198    份
  • 解答问题       5012    个

如果你有web端基础,既想进阶,又想进军移动端开发,那就来吧,我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等,让你在前端道路上畅通无阻!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师