布局视口怎么放大,怎么缩小?

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

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

6回答
好帮手慕星星 2021-11-17 10:56:29

同学你好,代码元素样式设置宽度为100%,所以初始缩放值修改0.5后,并不会减少一半,相反水平方向上会出现滚动

https://img1.sycdn.imooc.com//climg/61946e0c09f2458a04040073.jpg

如果是单用一张图片测试,也不设置样式,会是一半的效果。例如:

https://img1.sycdn.imooc.com//climg/61946f36092f6e8908910163.jpg

https://img1.sycdn.imooc.com//climg/61946f2d09bf777104270137.jpg

https://img1.sycdn.imooc.com//climg/61946f4509002cee08660182.jpg

https://img1.sycdn.imooc.com//climg/61946f520913a82104240099.jpg

自己测试下。

  • 提问者 电磁护盾 #1

    切换成手机显示模式,怎么用鼠标和键盘放大缩小网页?

    2021-11-18 10:14:47
  • 提问者 电磁护盾 #2

    就是在视觉视口大小固定的情况下,怎么放大和缩小布局视口?

    2021-11-18 10:28:19
  • 好帮手慕星星 回复 提问者 电磁护盾 #3

    你好,修改meta标签中的初始缩放值即可,手机模式不能用鼠标和键盘缩放网页。  

    2021-11-18 11:18:15
电磁护盾 提问者 2021-11-16 18:30:40

我发的某些内容,这里没有显示出来,提示稍后展示

  • 可能是有些敏感词被拦截了,这边已经审核通过了。建议将自己写的代码粘贴上来,老师测试下。

    2021-11-16 18:34:42
  • 提问者 电磁护盾 回复 好帮手慕星星 #2

    在下面贴代码了

    2021-11-16 18:38:32
  • 提问者 电磁护盾 回复 好帮手慕星星 #3

    https://img1.sycdn.imooc.com//climg/61938b2009c2e2a512610619.jpg

    https://img1.sycdn.imooc.com//climg/61938b7109a4b2b908870329.jpg

    从辅助材料里下载的代码,只改了<head>标签中的内容,没改<body>标签中的内容,三个文件夹也在。

    2021-11-16 18:44:28
电磁护盾 提问者 2021-11-16 18:20:25

https://img1.sycdn.imooc.com//climg/6193850d09b5aa1f07300458.jpg


https://img1.sycdn.imooc.com//climg/61938527091db48019201032.jpg

https://img1.sycdn.imooc.com//climg/619385bc09de5b0e05330441.jpg

只写这行代码,初始就是这样。既然设置了0.5,为什么初始状态,网页内容会充满视觉窗口?为什么不是网页内容的宽度只占视觉窗口的一半?

好帮手慕星星 2021-11-16 17:55:37

同学你好,解答如下:

1、老师这边使用chrome测试,在页面上双击鼠标没有实现放大或者缩小,不知道同学怎么实现的,建议描述具体一些,便于帮助测试

2、initial-scale=0.5,改了这里,有改后面的最大和最小缩放值吗?

https://img1.sycdn.imooc.com//climg/61937f8d09312af113960060.jpg

如果后面两项仍然是1,那么布局视口等于视觉视口。如果都改为0.5,或者都去掉,这样才会缩放。

自己再试试,祝学习愉快!

  • 提问者 电磁护盾 #1

    https://img1.sycdn.imooc.com//climg/6193843609fa618c08040578.jpg

    https://img1.sycdn.imooc.com//climg/6193844f094fbcf319201032.jpg

    只写这一行,初始就是这样。



    2021-11-16 18:15:11
  • 提问者 电磁护盾 #2

    https://img1.sycdn.imooc.com//climg/6193850d09b5aa1f07300458.jpg


    https://img1.sycdn.imooc.com//climg/61938527091db48019201032.jpg

    https://img1.sycdn.imooc.com//climg/619385bc09de5b0e05330441.jpg

    只写这行代码,初始就是这样。既然设置了0.5,为什么初始状态,网页内容会充满视觉窗口?为什么不是网页内容的宽度只占视觉窗口的一半?


    2021-11-16 18:21:54
  • 提问者 电磁护盾 #3

    https://img1.sycdn.imooc.com//climg/619386a5096ea0b919201032.jpg

    鼠标双击中间区域就变成了这样。

    怎么布局窗口的大小是视觉窗口的两倍?设置0.5为什么不是布局窗口的大小是视觉窗口的0.5倍?

    还有视频中是怎么放大和缩小的?

    2021-11-16 18:27:50
电磁护盾 提问者 2021-11-16 17:32:12

content="initial-scale=0.5,设置初始缩放比为0.5

为什么实际的运行效果,初始就是布局视口等于视觉视口,而且也无法双击鼠标让布局视口的宽度缩小到视觉视口的一半?

电磁护盾 提问者 2021-11-16 17:26:09

我尝试了一些操作,发现双击鼠标可以放大和缩小。

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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