🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
通过设置media可以根据不同的屏幕尺寸展示不同的css样式。 ### 用法 ~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> @media screen and (max-width: 640px) { body{ background-color:#008040; } } @media screen and (min-width: 640px) { body{ background-color:#FFCC66; } } </style> </head> <body> </body> </html> ~~~ 当屏幕尺寸大于640px时显示的背景颜色是:#FFCC66;当屏幕尺寸小于640px时显示的背景颜色是#008040.