缩小页面,里面的内容就没有了,学到第二阶段,还没有讲到,老师能将一下是关于什么,我自己去了解一下?

缩小页面,里面的内容就没有了,学到第二阶段,还没有讲到,老师能将一下是关于什么,我自己去了解一下?

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

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

3回答
好帮手慕粉 2020-05-17 16:28:37

同学你好,老师是在上个问答修改后的代码基础上进行测验的,当页面缩小时,效果如下(谷歌浏览器):

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

因为同学给页面中的内容设置了浮动,脱离了文档流,所以要单独设置最小宽度:

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

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

这样页面缩小到小于1200px时,布局不会再发生变化:

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

祝学习愉快~

  • 提问者 前后1 #1
    好的,谢谢老师
    2020-05-17 16:42:01
好帮手慕粉 2020-05-17 15:55:53

同学你好,建议同学将完整的代码粘贴上来,不要贴图哦。

祝学习愉快~

  • 提问者 前后1 #1
    https://class.imooc.com/course/qadetail/223602,这个就是我的代码
    2020-05-17 16:05:18
好帮手慕粉 2020-05-17 10:13:05

同学你好,可以通过给内容设置最小宽度实现,当页面的宽度小于最小宽度时,布局就不再发生变化。

祝学习愉快~

  • 提问者 前后1 #1
    内容还是会跑,设置跟没设置一样呀,都没怎么改变
    2020-05-17 15:34:29
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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