这句CSS什么意思

陽陽陽

@media only screen and (max-width: 992px) {
  .input-field .prefix ~ input {
    width: 86%;
    width: calc(100% - 3rem);
  }
}

@media only screen and (max-width: 600px) {
  .input-field .prefix ~ input {
    width: 80%;
    width: calc(100% - 3rem);
  }
}


又来一个，@afu45 荣誉值快快快到1000了

afu45

https://www.runoob.com/cssref/css3-pr-mediaquery.html
详细的你可以看看这个

另外关于选择器 你可以看看这个 很重要~
https://www.runoob.com/cssref/css-selectors.html

陽陽陽

@afu45 人呢人呢？？

afu45

@media    响应式css
only screen  指的是屏幕   打印则不受影响，也就是说  可以单独定义 打印的效果 和屏幕显示的效果
后面的就是  页面宽度 如果不超过992px  就用{} 里面的样式
下面那个同理

AMEN.@

定向发放荣誉点手段？举报

补充内容 (2023-2-13 14:01):
又来一个，@afu45 荣誉值快快快到1000了