媒体查询的样式设置

媒体查询的样式设置

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


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

额,为什么要写这三行代码,为什么会出现这个问题,不是top和left都设置0了吗,怎么跑那儿去了。

我没写这三行代码,也没遇到这个问题,所以不能理解,请老师讲解


正在回答

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

1回答

同学你好,因为在没有设置媒体查询之前,外层盒子的样式为:

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

里面设置了margin-left以及margin-top都是负值,所以在媒体查询中设置完定位top为0,left为0之后,还要将margin值设置为0,否则在宽度和高度上margin值还是负值,不会显示完整。

同学的代码,不知道是如何设置的,可以查看下,在没有设置媒体查询之前,是否有设置如上的这些样式。在测试下哦。

希望能帮助到你,祝学习愉快!

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

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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