admin管理员组

文章数量:1794759

CSS媒体查询@media

CSS媒体查询@media

媒体查询语法（2种）：

@media not|only mediatype and (expressions) { CSS 代码...; } @media (max-width: 480px) { 相应css语句 } // 设备类型可不写，默认为screen

具体使用如： 

// 设置el-dialog小屏适配：当屏幕宽度小于768px时，el-dialog宽度变大。 @media (max-width: 768px) {   .el-dialog { width: 90% !important; }   .el-date-range-picker { // 解决：手机移动端时间筛选下拉选框左侧被覆盖，显示不全问题     width: 100% !important;     overflow: auto !important;   } }

参考：

  • @media的用法 - 简书
  • CSS媒体查询_叶子yes的博客-CSDN博客_css 媒体查询 
  • CSS3媒体查询media_queries响应式布局入门指南知识点总结 - 知乎
  • CSS3 多媒体查询 | 菜鸟教程

本文标签： 媒体cssmedia

版权声明：本文标题：CSS媒体查询@media 内容由林淑君副主任自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.xiehuijuan.com/baike/1686971542a123938.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。