Media案例说明

  1. 首先小于539的时候为粉色,第一步通过@media做开头,后面是媒体是显示在什么上面,跟上screen 后面跟上and跟上之后加上小括号,max是最大宽度为539,然后设置一个颜色

2.然后在第二个大于540,小于970的时候,同样以什么开头以@media 跟上screen and

之后小括号min-width最小值为540像素,大于等于540,为蓝色

 

 

3.第三个大于等于970是min-width: 970为一个红色

 

 

这是我所学到的Media案例说明  案例说明,所以我要分享给你们,希望可以帮助到你们。

以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值