浏览器缩小,菜单跟着变化。

浏览器缩小,菜单跟着变化。

视频大搞在5分45秒左右,缩小浏览器,菜单也随着变化,老师设置了什么进去才会这样呢?

正在回答

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

1回答

同学你好,这是因为菜单的大盒子设置的最小宽度,而不是固定宽度。通过如下小例子理解:

http://img1.sycdn.imooc.com//climg/60371a7f09ba307c11200407.jpg

第一个div设置最小宽度1000px,则div宽度没有固定值,默认与浏览器宽度一样。缩小浏览器,div也随着变化。当浏览器宽度小于1000px时,div保持在1000px不变。

​第二个div设置固定宽度1000px,值固定不变。浏览器宽度不管怎么变化,div宽度都是1000px。

效果如下:

http://img1.sycdn.imooc.com//climg/60371aa709dba0d216750134.jpg

http://img1.sycdn.imooc.com//climg/60371a950906c5e411580150.jpg

建议同学把代码写一下,在浏览器测试一下,能够更好的帮助自己理解。

祝学习愉快~


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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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